@wordpress/edit-site 3.0.2 → 3.0.3

package/build-module/components/sidebar/global-styles-sidebar.js

@@ -1,181 +1,35 @@
 import { createElement, Fragment } from "@wordpress/element";
 
-/**
- * External dependencies
- */
-import { map, sortBy } from 'lodash';
 /**
  * WordPress dependencies
  */
-
-import { Button, PanelBody, TabPanel } from '@wordpress/components';
+import { Button } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
-import { getBlockType } from '@wordpress/blocks';
-import { useMemo } from '@wordpress/element';
+import { styles } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
 
-import { useGlobalStylesContext, useGlobalStylesReset } from '../editor/global-styles-provider';
+import { useGlobalStylesReset } from '../editor/global-styles-provider';
 import DefaultSidebar from './default-sidebar';
-import { default as TypographyPanel, useHasTypographyPanel } from './typography-panel';
-import { default as BorderPanel, useHasBorderPanel } from './border-panel';
-import { default as ColorPanel, useHasColorPanel } from './color-panel';
-import { default as DimensionsPanel, useHasDimensionsPanel } from './dimensions-panel';
-
-function GlobalStylesPanel({
-  wrapperPanelTitle,
-  context,
-  getStyle,
-  setStyle,
-  getSetting,
-  setSetting
-}) {
-  const hasBorderPanel = useHasBorderPanel(context);
-  const hasColorPanel = useHasColorPanel(context);
-  const hasTypographyPanel = useHasTypographyPanel(context);
-  const hasDimensionsPanel = useHasDimensionsPanel(context);
-
-  if (!hasColorPanel && !hasTypographyPanel && !hasDimensionsPanel) {
-    return null;
-  }
-
-  const content = createElement(Fragment, null, hasTypographyPanel && createElement(TypographyPanel, {
-    context: context,
-    getStyle: getStyle,
-    setStyle: setStyle
-  }), hasColorPanel && createElement(ColorPanel, {
-    context: context,
-    getStyle: getStyle,
-    setStyle: setStyle,
-    getSetting: getSetting,
-    setSetting: setSetting
-  }), hasDimensionsPanel && createElement(DimensionsPanel, {
-    context: context,
-    getStyle: getStyle,
-    setStyle: setStyle
-  }), hasBorderPanel && createElement(BorderPanel, {
-    context: context,
-    getStyle: getStyle,
-    setStyle: setStyle
-  }));
-
-  if (!wrapperPanelTitle) {
-    return content;
-  }
-
-  return createElement(PanelBody, {
-    title: wrapperPanelTitle,
-    initialOpen: false
-  }, content);
-}
-
-function getPanelTitle(blockName) {
-  const blockType = getBlockType(blockName); // Protect against blocks that aren't registered
-  // eg: widget-area
-
-  if (blockType === undefined) {
-    return blockName;
-  }
-
-  return blockType.title;
-}
-
-function GlobalStylesBlockPanels({
-  blocks,
-  getStyle,
-  setStyle,
-  getSetting,
-  setSetting
-}) {
-  const panels = useMemo(() => sortBy(map(blocks, (block, name) => {
-    return {
-      block,
-      name,
-      wrapperPanelTitle: getPanelTitle(name)
-    };
-  }), ({
-    wrapperPanelTitle
-  }) => wrapperPanelTitle), [blocks]);
-  return map(panels, ({
-    block,
-    name,
-    wrapperPanelTitle
-  }) => {
-    return createElement(GlobalStylesPanel, {
-      key: 'panel-' + name,
-      wrapperPanelTitle: wrapperPanelTitle,
-      context: block,
-      getStyle: getStyle,
-      setStyle: setStyle,
-      getSetting: getSetting,
-      setSetting: setSetting
-    });
-  });
-}
-
-export default function GlobalStylesSidebar({
-  identifier,
-  title,
-  icon,
-  closeLabel
-}) {
-  const {
-    root,
-    blocks,
-    getStyle,
-    setStyle,
-    getSetting,
-    setSetting
-  } = useGlobalStylesContext();
+import GlobalStyles from '../global-styles';
+export default function GlobalStylesSidebar() {
   const [canRestart, onReset] = useGlobalStylesReset();
-
-  if (typeof blocks !== 'object' || !root) {
-    // No sidebar is shown.
-    return null;
-  }
-
   return createElement(DefaultSidebar, {
     className: "edit-site-global-styles-sidebar",
-    identifier: identifier,
-    title: title,
-    icon: icon,
-    closeLabel: closeLabel,
-    header: createElement(Fragment, null, createElement("strong", null, title), createElement(Button, {
+    identifier: "edit-site/global-styles",
+    title: __('Styles'),
+    icon: styles,
+    closeLabel: __('Close global styles sidebar'),
+    header: createElement(Fragment, null, createElement("strong", null, __('Styles')), createElement("span", {
+      className: "edit-site-global-styles-sidebar__beta"
+    }, __('Beta')), createElement(Button, {
       className: "edit-site-global-styles-sidebar__reset-button",
       isSmall: true,
       variant: "tertiary",
       disabled: !canRestart,
       onClick: onReset
     }, __('Reset to defaults')))
-  }, createElement(TabPanel, {
-    tabs: [{
-      name: 'root',
-      title: __('Root')
-    }, {
-      name: 'block',
-      title: __('By Block Type')
-    }]
-  }, tab => {
-    /* Per Block Context */
-    if ('block' === tab.name) {
-      return createElement(GlobalStylesBlockPanels, {
-        blocks: blocks,
-        getStyle: getStyle,
-        setStyle: setStyle,
-        getSetting: getSetting,
-        setSetting: setSetting
-      });
-    }
-
-    return createElement(GlobalStylesPanel, {
-      hasWrapper: false,
-      context: root,
-      getStyle: getStyle,
-      setStyle: setStyle,
-      getSetting: getSetting,
-      setSetting: setSetting
-    });
-  }));
+  }, createElement(GlobalStyles, null));
 }
 //# sourceMappingURL=global-styles-sidebar.js.map

package/build-module/components/sidebar/global-styles-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar/global-styles-sidebar.js"],"names":["map","sortBy","Button","PanelBody","TabPanel","__","getBlockType","useMemo","useGlobalStylesContext","useGlobalStylesReset","DefaultSidebar","default","TypographyPanel","useHasTypographyPanel","BorderPanel","useHasBorderPanel","ColorPanel","useHasColorPanel","DimensionsPanel","useHasDimensionsPanel","GlobalStylesPanel","wrapperPanelTitle","context","getStyle","setStyle","getSetting","setSetting","hasBorderPanel","hasColorPanel","hasTypographyPanel","hasDimensionsPanel","content","getPanelTitle","blockName","blockType","undefined","title","GlobalStylesBlockPanels","blocks","panels","block","name","GlobalStylesSidebar","identifier","icon","closeLabel","root","canRestart","onReset","tab"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { map, sortBy } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { Button, PanelBody, TabPanel } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { getBlockType } from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseGlobalStylesContext,\n\tuseGlobalStylesReset,\n} from '../editor/global-styles-provider';\nimport DefaultSidebar from './default-sidebar';\nimport {\n\tdefault as TypographyPanel,\n\tuseHasTypographyPanel,\n} from './typography-panel';\nimport { default as BorderPanel, useHasBorderPanel } from './border-panel';\nimport { default as ColorPanel, useHasColorPanel } from './color-panel';\nimport {\n\tdefault as DimensionsPanel,\n\tuseHasDimensionsPanel,\n} from './dimensions-panel';\n\nfunction GlobalStylesPanel( {\n\twrapperPanelTitle,\n\tcontext,\n\tgetStyle,\n\tsetStyle,\n\tgetSetting,\n\tsetSetting,\n} ) {\n\tconst hasBorderPanel = useHasBorderPanel( context );\n\tconst hasColorPanel = useHasColorPanel( context );\n\tconst hasTypographyPanel = useHasTypographyPanel( context );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( context );\n\n\tif ( ! hasColorPanel && ! hasTypographyPanel && ! hasDimensionsPanel ) {\n\t\treturn null;\n\t}\n\n\tconst content = (\n\t\t<>\n\t\t\t{ hasTypographyPanel && (\n\t\t\t\t<TypographyPanel\n\t\t\t\t\tcontext={ context }\n\t\t\t\t\tgetStyle={ getStyle }\n\t\t\t\t\tsetStyle={ setStyle }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasColorPanel && (\n\t\t\t\t<ColorPanel\n\t\t\t\t\tcontext={ context }\n\t\t\t\t\tgetStyle={ getStyle }\n\t\t\t\t\tsetStyle={ setStyle }\n\t\t\t\t\tgetSetting={ getSetting }\n\t\t\t\t\tsetSetting={ setSetting }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasDimensionsPanel && (\n\t\t\t\t<DimensionsPanel\n\t\t\t\t\tcontext={ context }\n\t\t\t\t\tgetStyle={ getStyle }\n\t\t\t\t\tsetStyle={ setStyle }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBorderPanel && (\n\t\t\t\t<BorderPanel\n\t\t\t\t\tcontext={ context }\n\t\t\t\t\tgetStyle={ getStyle }\n\t\t\t\t\tsetStyle={ setStyle }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n\tif ( ! wrapperPanelTitle ) {\n\t\treturn content;\n\t}\n\treturn (\n\t\t<PanelBody title={ wrapperPanelTitle } initialOpen={ false }>\n\t\t\t{ content }\n\t\t</PanelBody>\n\t);\n}\n\nfunction getPanelTitle( blockName ) {\n\tconst blockType = getBlockType( blockName );\n\n\t// Protect against blocks that aren't registered\n\t// eg: widget-area\n\tif ( blockType === undefined ) {\n\t\treturn blockName;\n\t}\n\n\treturn blockType.title;\n}\n\nfunction GlobalStylesBlockPanels( {\n\tblocks,\n\tgetStyle,\n\tsetStyle,\n\tgetSetting,\n\tsetSetting,\n} ) {\n\tconst panels = useMemo(\n\t\t() =>\n\t\t\tsortBy(\n\t\t\t\tmap( blocks, ( block, name ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tblock,\n\t\t\t\t\t\tname,\n\t\t\t\t\t\twrapperPanelTitle: getPanelTitle( name ),\n\t\t\t\t\t};\n\t\t\t\t} ),\n\t\t\t\t( { wrapperPanelTitle } ) => wrapperPanelTitle\n\t\t\t),\n\t\t[ blocks ]\n\t);\n\n\treturn map( panels, ( { block, name, wrapperPanelTitle } ) => {\n\t\treturn (\n\t\t\t<GlobalStylesPanel\n\t\t\t\tkey={ 'panel-' + name }\n\t\t\t\twrapperPanelTitle={ wrapperPanelTitle }\n\t\t\t\tcontext={ block }\n\t\t\t\tgetStyle={ getStyle }\n\t\t\t\tsetStyle={ setStyle }\n\t\t\t\tgetSetting={ getSetting }\n\t\t\t\tsetSetting={ setSetting }\n\t\t\t/>\n\t\t);\n\t} );\n}\n\nexport default function GlobalStylesSidebar( {\n\tidentifier,\n\ttitle,\n\ticon,\n\tcloseLabel,\n} ) {\n\tconst {\n\t\troot,\n\t\tblocks,\n\t\tgetStyle,\n\t\tsetStyle,\n\t\tgetSetting,\n\t\tsetSetting,\n\t} = useGlobalStylesContext();\n\tconst [ canRestart, onReset ] = useGlobalStylesReset();\n\n\tif ( typeof blocks !== 'object' || ! root ) {\n\t\t// No sidebar is shown.\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier={ identifier }\n\t\t\ttitle={ title }\n\t\t\ticon={ icon }\n\t\t\tcloseLabel={ closeLabel }\n\t\t\theader={\n\t\t\t\t<>\n\t\t\t\t\t<strong>{ title }</strong>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__reset-button\"\n\t\t\t\t\t\tisSmall\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tdisabled={ ! canRestart }\n\t\t\t\t\t\tonClick={ onReset }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Reset to defaults' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</>\n\t\t\t}\n\t\t>\n\t\t\t<TabPanel\n\t\t\t\ttabs={ [\n\t\t\t\t\t{ name: 'root', title: __( 'Root' ) },\n\t\t\t\t\t{ name: 'block', title: __( 'By Block Type' ) },\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ ( tab ) => {\n\t\t\t\t\t/* Per Block Context */\n\t\t\t\t\tif ( 'block' === tab.name ) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<GlobalStylesBlockPanels\n\t\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\t\tgetStyle={ getStyle }\n\t\t\t\t\t\t\t\tsetStyle={ setStyle }\n\t\t\t\t\t\t\t\tgetSetting={ getSetting }\n\t\t\t\t\t\t\t\tsetSetting={ setSetting }\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\treturn (\n\t\t\t\t\t\t<GlobalStylesPanel\n\t\t\t\t\t\t\thasWrapper={ false }\n\t\t\t\t\t\t\tcontext={ root }\n\t\t\t\t\t\t\tgetStyle={ getStyle }\n\t\t\t\t\t\t\tsetStyle={ setStyle }\n\t\t\t\t\t\t\tgetSetting={ getSetting }\n\t\t\t\t\t\t\tsetSetting={ setSetting }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</TabPanel>\n\t\t</DefaultSidebar>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar/global-styles-sidebar.js"],"names":["Button","__","styles","useGlobalStylesReset","DefaultSidebar","GlobalStyles","GlobalStylesSidebar","canRestart","onReset"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,uBAAvB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAEA;AACA;AACA;;AACA,SAASC,oBAAT,QAAqC,kCAArC;AACA,OAAOC,cAAP,MAA2B,mBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEA,eAAe,SAASC,mBAAT,GAA+B;AAC7C,QAAM,CAAEC,UAAF,EAAcC,OAAd,IAA0BL,oBAAoB,EAApD;AAEA,SACC,cAAC,cAAD;AACC,IAAA,SAAS,EAAC,iCADX;AAEC,IAAA,UAAU,EAAC,yBAFZ;AAGC,IAAA,KAAK,EAAGF,EAAE,CAAE,QAAF,CAHX;AAIC,IAAA,IAAI,EAAGC,MAJR;AAKC,IAAA,UAAU,EAAGD,EAAE,CAAE,6BAAF,CALhB;AAMC,IAAA,MAAM,EACL,8BACC,8BAAUA,EAAE,CAAE,QAAF,CAAZ,CADD,EAEC;AAAM,MAAA,SAAS,EAAC;AAAhB,OACGA,EAAE,CAAE,MAAF,CADL,CAFD,EAKC,cAAC,MAAD;AACC,MAAA,SAAS,EAAC,+CADX;AAEC,MAAA,OAAO,MAFR;AAGC,MAAA,OAAO,EAAC,UAHT;AAIC,MAAA,QAAQ,EAAG,CAAEM,UAJd;AAKC,MAAA,OAAO,EAAGC;AALX,OAOGP,EAAE,CAAE,mBAAF,CAPL,CALD;AAPF,KAwBC,cAAC,YAAD,OAxBD,CADD;AA4BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useGlobalStylesReset } from '../editor/global-styles-provider';\nimport DefaultSidebar from './default-sidebar';\nimport GlobalStyles from '../global-styles';\n\nexport default function GlobalStylesSidebar() {\n\tconst [ canRestart, onReset ] = useGlobalStylesReset();\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close global styles sidebar' ) }\n\t\t\theader={\n\t\t\t\t<>\n\t\t\t\t\t<strong>{ __( 'Styles' ) }</strong>\n\t\t\t\t\t<span className=\"edit-site-global-styles-sidebar__beta\">\n\t\t\t\t\t\t{ __( 'Beta' ) }\n\t\t\t\t\t</span>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__reset-button\"\n\t\t\t\t\t\tisSmall\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tdisabled={ ! canRestart }\n\t\t\t\t\t\tonClick={ onReset }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Reset to defaults' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStyles />\n\t\t</DefaultSidebar>\n\t);\n}\n"]}

package/build-module/components/sidebar/index.js

@@ -5,7 +5,7 @@ import { createElement, Fragment } from "@wordpress/element";
  */
 import { createSlotFill, PanelBody } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
-import { cog, typography } from '@wordpress/icons';
+import { cog } from '@wordpress/icons';
 import { useEffect } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { store as interfaceStore } from '@wordpress/interface';
@@ -70,11 +70,6 @@ export function SidebarComplementaryAreaFills() {
     headerClassName: "edit-site-sidebar__panel-tabs"
   }, sidebarName === SIDEBAR_TEMPLATE && createElement(PanelBody, null, createElement(TemplateCard, null)), sidebarName === SIDEBAR_BLOCK && createElement(InspectorSlot, {
     bubblesVirtually: true
-  })), createElement(GlobalStylesSidebar, {
-    identifier: "edit-site/global-styles",
-    title: __('Global Styles'),
-    closeLabel: __('Close global styles sidebar'),
-    icon: typography
-  }));
+  })), createElement(GlobalStylesSidebar, null));
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"names":["createSlotFill","PanelBody","__","cog","typography","useEffect","useSelect","useDispatch","store","interfaceStore","blockEditorStore","DefaultSidebar","GlobalStylesSidebar","STORE_NAME","SettingsHeader","TemplateCard","SIDEBAR_BLOCK","SIDEBAR_TEMPLATE","Slot","InspectorSlot","Fill","InspectorFill","SidebarInspectorFill","SidebarComplementaryAreaFills","sidebar","isEditorSidebarOpened","hasBlockSelection","select","_sidebar","getActiveComplementaryArea","_isEditorSidebarOpened","includes","getBlockSelectionStart","enableComplementaryArea","sidebarName"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill, PanelBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { cog, typography } from '@wordpress/icons';\nimport { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport DefaultSidebar from './default-sidebar';\nimport GlobalStylesSidebar from './global-styles-sidebar';\nimport { STORE_NAME } from '../../store/constants';\nimport SettingsHeader from './settings-header';\nimport TemplateCard from './template-card';\nimport { SIDEBAR_BLOCK, SIDEBAR_TEMPLATE } from './constants';\n\nconst { Slot: InspectorSlot, Fill: InspectorFill } = createSlotFill(\n\t'EditSiteSidebarInspector'\n);\nexport const SidebarInspectorFill = InspectorFill;\n\nexport function SidebarComplementaryAreaFills() {\n\tconst { sidebar, isEditorSidebarOpened, hasBlockSelection } = useSelect(\n\t\t( select ) => {\n\t\t\tconst _sidebar = select(\n\t\t\t\tinterfaceStore\n\t\t\t).getActiveComplementaryArea( STORE_NAME );\n\t\t\tconst _isEditorSidebarOpened = [\n\t\t\t\tSIDEBAR_BLOCK,\n\t\t\t\tSIDEBAR_TEMPLATE,\n\t\t\t].includes( _sidebar );\n\t\t\treturn {\n\t\t\t\tsidebar: _sidebar,\n\t\t\t\tisEditorSidebarOpened: _isEditorSidebarOpened,\n\t\t\t\thasBlockSelection: !! select(\n\t\t\t\t\tblockEditorStore\n\t\t\t\t).getBlockSelectionStart(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tuseEffect( () => {\n\t\tif ( ! isEditorSidebarOpened ) return;\n\t\tif ( hasBlockSelection ) {\n\t\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_BLOCK );\n\t\t} else {\n\t\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_TEMPLATE );\n\t\t}\n\t}, [ hasBlockSelection, isEditorSidebarOpened ] );\n\tlet sidebarName = sidebar;\n\tif ( ! isEditorSidebarOpened ) {\n\t\tsidebarName = hasBlockSelection ? SIDEBAR_BLOCK : SIDEBAR_TEMPLATE;\n\t}\n\treturn (\n\t\t<>\n\t\t\t<DefaultSidebar\n\t\t\t\tidentifier={ sidebarName }\n\t\t\t\ttitle={ __( 'Settings' ) }\n\t\t\t\ticon={ cog }\n\t\t\t\tcloseLabel={ __( 'Close settings sidebar' ) }\n\t\t\t\theader={ <SettingsHeader sidebarName={ sidebarName } /> }\n\t\t\t\theaderClassName=\"edit-site-sidebar__panel-tabs\"\n\t\t\t>\n\t\t\t\t{ sidebarName === SIDEBAR_TEMPLATE && (\n\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t<TemplateCard />\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t\t{ sidebarName === SIDEBAR_BLOCK && (\n\t\t\t\t\t<InspectorSlot bubblesVirtually />\n\t\t\t\t) }\n\t\t\t</DefaultSidebar>\n\t\t\t<GlobalStylesSidebar\n\t\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\t\ttitle={ __( 'Global Styles' ) }\n\t\t\t\tcloseLabel={ __( 'Close global styles sidebar' ) }\n\t\t\t\ticon={ typography }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"names":["createSlotFill","PanelBody","__","cog","useEffect","useSelect","useDispatch","store","interfaceStore","blockEditorStore","DefaultSidebar","GlobalStylesSidebar","STORE_NAME","SettingsHeader","TemplateCard","SIDEBAR_BLOCK","SIDEBAR_TEMPLATE","Slot","InspectorSlot","Fill","InspectorFill","SidebarInspectorFill","SidebarComplementaryAreaFills","sidebar","isEditorSidebarOpened","hasBlockSelection","select","_sidebar","getActiveComplementaryArea","_isEditorSidebarOpened","includes","getBlockSelectionStart","enableComplementaryArea","sidebarName"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,cAAT,EAAyBC,SAAzB,QAA0C,uBAA1C;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,GAAT,QAAoB,kBAApB;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,KAAK,IAAIC,cAAlB,QAAwC,sBAAxC;AACA,SAASD,KAAK,IAAIE,gBAAlB,QAA0C,yBAA1C;AAEA;AACA;AACA;;AACA,OAAOC,cAAP,MAA2B,mBAA3B;AACA,OAAOC,mBAAP,MAAgC,yBAAhC;AACA,SAASC,UAAT,QAA2B,uBAA3B;AACA,OAAOC,cAAP,MAA2B,mBAA3B;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,SAASC,aAAT,EAAwBC,gBAAxB,QAAgD,aAAhD;AAEA,MAAM;AAAEC,EAAAA,IAAI,EAAEC,aAAR;AAAuBC,EAAAA,IAAI,EAAEC;AAA7B,IAA+CpB,cAAc,CAClE,0BADkE,CAAnE;AAGA,OAAO,MAAMqB,oBAAoB,GAAGD,aAA7B;AAEP,OAAO,SAASE,6BAAT,GAAyC;AAC/C,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,qBAAX;AAAkCC,IAAAA;AAAlC,MAAwDpB,SAAS,CACpEqB,MAAF,IAAc;AACb,UAAMC,QAAQ,GAAGD,MAAM,CACtBlB,cADsB,CAAN,CAEfoB,0BAFe,CAEahB,UAFb,CAAjB;;AAGA,UAAMiB,sBAAsB,GAAG,CAC9Bd,aAD8B,EAE9BC,gBAF8B,EAG7Bc,QAH6B,CAGnBH,QAHmB,CAA/B;;AAIA,WAAO;AACNJ,MAAAA,OAAO,EAAEI,QADH;AAENH,MAAAA,qBAAqB,EAAEK,sBAFjB;AAGNJ,MAAAA,iBAAiB,EAAE,CAAC,CAAEC,MAAM,CAC3BjB,gBAD2B,CAAN,CAEpBsB,sBAFoB;AAHhB,KAAP;AAOA,GAhBqE,EAiBtE,EAjBsE,CAAvE;AAmBA,QAAM;AAAEC,IAAAA;AAAF,MAA8B1B,WAAW,CAAEE,cAAF,CAA/C;AACAJ,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAK,CAAEoB,qBAAP,EAA+B;;AAC/B,QAAKC,iBAAL,EAAyB;AACxBO,MAAAA,uBAAuB,CAAEpB,UAAF,EAAcG,aAAd,CAAvB;AACA,KAFD,MAEO;AACNiB,MAAAA,uBAAuB,CAAEpB,UAAF,EAAcI,gBAAd,CAAvB;AACA;AACD,GAPQ,EAON,CAAES,iBAAF,EAAqBD,qBAArB,CAPM,CAAT;AAQA,MAAIS,WAAW,GAAGV,OAAlB;;AACA,MAAK,CAAEC,qBAAP,EAA+B;AAC9BS,IAAAA,WAAW,GAAGR,iBAAiB,GAAGV,aAAH,GAAmBC,gBAAlD;AACA;;AACD,SACC,8BACC,cAAC,cAAD;AACC,IAAA,UAAU,EAAGiB,WADd;AAEC,IAAA,KAAK,EAAG/B,EAAE,CAAE,UAAF,CAFX;AAGC,IAAA,IAAI,EAAGC,GAHR;AAIC,IAAA,UAAU,EAAGD,EAAE,CAAE,wBAAF,CAJhB;AAKC,IAAA,MAAM,EAAG,cAAC,cAAD;AAAgB,MAAA,WAAW,EAAG+B;AAA9B,MALV;AAMC,IAAA,eAAe,EAAC;AANjB,KAQGA,WAAW,KAAKjB,gBAAhB,IACD,cAAC,SAAD,QACC,cAAC,YAAD,OADD,CATF,EAaGiB,WAAW,KAAKlB,aAAhB,IACD,cAAC,aAAD;AAAe,IAAA,gBAAgB;AAA/B,IAdF,CADD,EAkBC,cAAC,mBAAD,OAlBD,CADD;AAsBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill, PanelBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { cog } from '@wordpress/icons';\nimport { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport DefaultSidebar from './default-sidebar';\nimport GlobalStylesSidebar from './global-styles-sidebar';\nimport { STORE_NAME } from '../../store/constants';\nimport SettingsHeader from './settings-header';\nimport TemplateCard from './template-card';\nimport { SIDEBAR_BLOCK, SIDEBAR_TEMPLATE } from './constants';\n\nconst { Slot: InspectorSlot, Fill: InspectorFill } = createSlotFill(\n\t'EditSiteSidebarInspector'\n);\nexport const SidebarInspectorFill = InspectorFill;\n\nexport function SidebarComplementaryAreaFills() {\n\tconst { sidebar, isEditorSidebarOpened, hasBlockSelection } = useSelect(\n\t\t( select ) => {\n\t\t\tconst _sidebar = select(\n\t\t\t\tinterfaceStore\n\t\t\t).getActiveComplementaryArea( STORE_NAME );\n\t\t\tconst _isEditorSidebarOpened = [\n\t\t\t\tSIDEBAR_BLOCK,\n\t\t\t\tSIDEBAR_TEMPLATE,\n\t\t\t].includes( _sidebar );\n\t\t\treturn {\n\t\t\t\tsidebar: _sidebar,\n\t\t\t\tisEditorSidebarOpened: _isEditorSidebarOpened,\n\t\t\t\thasBlockSelection: !! select(\n\t\t\t\t\tblockEditorStore\n\t\t\t\t).getBlockSelectionStart(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tuseEffect( () => {\n\t\tif ( ! isEditorSidebarOpened ) return;\n\t\tif ( hasBlockSelection ) {\n\t\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_BLOCK );\n\t\t} else {\n\t\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_TEMPLATE );\n\t\t}\n\t}, [ hasBlockSelection, isEditorSidebarOpened ] );\n\tlet sidebarName = sidebar;\n\tif ( ! isEditorSidebarOpened ) {\n\t\tsidebarName = hasBlockSelection ? SIDEBAR_BLOCK : SIDEBAR_TEMPLATE;\n\t}\n\treturn (\n\t\t<>\n\t\t\t<DefaultSidebar\n\t\t\t\tidentifier={ sidebarName }\n\t\t\t\ttitle={ __( 'Settings' ) }\n\t\t\t\ticon={ cog }\n\t\t\t\tcloseLabel={ __( 'Close settings sidebar' ) }\n\t\t\t\theader={ <SettingsHeader sidebarName={ sidebarName } /> }\n\t\t\t\theaderClassName=\"edit-site-sidebar__panel-tabs\"\n\t\t\t>\n\t\t\t\t{ sidebarName === SIDEBAR_TEMPLATE && (\n\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t<TemplateCard />\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t\t{ sidebarName === SIDEBAR_BLOCK && (\n\t\t\t\t\t<InspectorSlot bubblesVirtually />\n\t\t\t\t) }\n\t\t\t</DefaultSidebar>\n\t\t\t<GlobalStylesSidebar />\n\t\t</>\n\t);\n}\n"]}

package/build-module/components/sidebar/plugin-sidebar/index.js

@@ -0,0 +1,84 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { ComplementaryArea } from '@wordpress/interface';
+/**
+ * Renders a sidebar when activated. The contents within the `PluginSidebar` will appear as content within the sidebar.
+ * It also automatically renders a corresponding `PluginSidebarMenuItem` component when `isPinnable` flag is set to `true`.
+ * If you wish to display the sidebar, you can with use the `PluginSidebarMoreMenuItem` component or the `wp.data.dispatch` API:
+ *
+ * ```js
+ * wp.data.dispatch( 'core/edit-site' ).openGeneralSidebar( 'plugin-name/sidebar-name' );
+ * ```
+ *
+ * @see PluginSidebarMoreMenuItem
+ *
+ * @param {Object}                props                                 Element props.
+ * @param {string}                props.name                            A string identifying the sidebar. Must be unique for every sidebar registered within the scope of your plugin.
+ * @param {string}                [props.className]                     An optional class name added to the sidebar body.
+ * @param {string}                props.title                           Title displayed at the top of the sidebar.
+ * @param {boolean}               [props.isPinnable=true]               Whether to allow to pin sidebar to the toolbar. When set to `true` it also automatically renders a corresponding menu item.
+ * @param {WPBlockTypeIconRender} [props.icon=inherits from the plugin] The [Dashicon](https://developer.wordpress.org/resource/dashicons/) icon slug string, or an SVG WP element, to be rendered when the sidebar is pinned to toolbar.
+ *
+ * @example
+ * ```js
+ * // Using ES5 syntax
+ * var __ = wp.i18n.__;
+ * var el = wp.element.createElement;
+ * var PanelBody = wp.components.PanelBody;
+ * var PluginSidebar = wp.editSite.PluginSidebar;
+ * var moreIcon = wp.element.createElement( 'svg' ); //... svg element.
+ *
+ * function MyPluginSidebar() {
+ * 	return el(
+ * 			PluginSidebar,
+ * 			{
+ * 				name: 'my-sidebar',
+ * 				title: 'My sidebar title',
+ * 				icon: moreIcon,
+ * 			},
+ * 			el(
+ * 				PanelBody,
+ * 				{},
+ * 				__( 'My sidebar content' )
+ * 			)
+ * 	);
+ * }
+ * ```
+ *
+ * @example
+ * ```jsx
+ * // Using ESNext syntax
+ * import { __ } from '@wordpress/i18n';
+ * import { PanelBody } from '@wordpress/components';
+ * import { PluginSidebar } from '@wordpress/edit-site';
+ * import { more } from '@wordpress/icons';
+ *
+ * const MyPluginSidebar = () => (
+ * 	<PluginSidebar
+ * 		name="my-sidebar"
+ * 		title="My sidebar title"
+ * 		icon={ more }
+ * 	>
+ * 		<PanelBody>
+ * 			{ __( 'My sidebar content' ) }
+ * 		</PanelBody>
+ * 	</PluginSidebar>
+ * );
+ * ```
+ */
+
+export default function PluginSidebarEditSite({
+  className,
+  ...props
+}) {
+  return createElement(ComplementaryArea, _extends({
+    panelClassName: className,
+    className: "edit-site-sidebar",
+    scope: "core/edit-site"
+  }, props));
+}
+//# sourceMappingURL=index.js.map

package/build-module/components/sidebar/plugin-sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar/plugin-sidebar/index.js"],"names":["ComplementaryArea","PluginSidebarEditSite","className","props"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,iBAAT,QAAkC,sBAAlC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,qBAAT,CAAgC;AAAEC,EAAAA,SAAF;AAAa,KAAGC;AAAhB,CAAhC,EAA0D;AACxE,SACC,cAAC,iBAAD;AACC,IAAA,cAAc,EAAGD,SADlB;AAEC,IAAA,SAAS,EAAC,mBAFX;AAGC,IAAA,KAAK,EAAC;AAHP,KAIMC,KAJN,EADD;AAQA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ComplementaryArea } from '@wordpress/interface';\n\n/**\n * Renders a sidebar when activated. The contents within the `PluginSidebar` will appear as content within the sidebar.\n * It also automatically renders a corresponding `PluginSidebarMenuItem` component when `isPinnable` flag is set to `true`.\n * If you wish to display the sidebar, you can with use the `PluginSidebarMoreMenuItem` component or the `wp.data.dispatch` API:\n *\n * ```js\n * wp.data.dispatch( 'core/edit-site' ).openGeneralSidebar( 'plugin-name/sidebar-name' );\n * ```\n *\n * @see PluginSidebarMoreMenuItem\n *\n * @param {Object}                props                                 Element props.\n * @param {string}                props.name                            A string identifying the sidebar. Must be unique for every sidebar registered within the scope of your plugin.\n * @param {string}                [props.className]                     An optional class name added to the sidebar body.\n * @param {string}                props.title                           Title displayed at the top of the sidebar.\n * @param {boolean}               [props.isPinnable=true]               Whether to allow to pin sidebar to the toolbar. When set to `true` it also automatically renders a corresponding menu item.\n * @param {WPBlockTypeIconRender} [props.icon=inherits from the plugin] The [Dashicon](https://developer.wordpress.org/resource/dashicons/) icon slug string, or an SVG WP element, to be rendered when the sidebar is pinned to toolbar.\n *\n * @example\n * ```js\n * // Using ES5 syntax\n * var __ = wp.i18n.__;\n * var el = wp.element.createElement;\n * var PanelBody = wp.components.PanelBody;\n * var PluginSidebar = wp.editSite.PluginSidebar;\n * var moreIcon = wp.element.createElement( 'svg' ); //... svg element.\n *\n * function MyPluginSidebar() {\n * \treturn el(\n * \t\t\tPluginSidebar,\n * \t\t\t{\n * \t\t\t\tname: 'my-sidebar',\n * \t\t\t\ttitle: 'My sidebar title',\n * \t\t\t\ticon: moreIcon,\n * \t\t\t},\n * \t\t\tel(\n * \t\t\t\tPanelBody,\n * \t\t\t\t{},\n * \t\t\t\t__( 'My sidebar content' )\n * \t\t\t)\n * \t);\n * }\n * ```\n *\n * @example\n * ```jsx\n * // Using ESNext syntax\n * import { __ } from '@wordpress/i18n';\n * import { PanelBody } from '@wordpress/components';\n * import { PluginSidebar } from '@wordpress/edit-site';\n * import { more } from '@wordpress/icons';\n *\n * const MyPluginSidebar = () => (\n * \t<PluginSidebar\n * \t\tname=\"my-sidebar\"\n * \t\ttitle=\"My sidebar title\"\n * \t\ticon={ more }\n * \t>\n * \t\t<PanelBody>\n * \t\t\t{ __( 'My sidebar content' ) }\n * \t\t</PanelBody>\n * \t</PluginSidebar>\n * );\n * ```\n */\nexport default function PluginSidebarEditSite( { className, ...props } ) {\n\treturn (\n\t\t<ComplementaryArea\n\t\t\tpanelClassName={ className }\n\t\t\tclassName=\"edit-site-sidebar\"\n\t\t\tscope=\"core/edit-site\"\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"]}

package/build-module/components/template-details/index.js

@@ -1,10 +1,10 @@
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement } from "@wordpress/element";
 
 /**
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { Button, MenuItem, __experimentalText as Text } from '@wordpress/components';
+import { Button, MenuGroup, MenuItem, __experimentalHeading as Heading, __experimentalText as Text } from '@wordpress/components';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { store as editorStore } from '@wordpress/editor';
 /**
@@ -14,6 +14,7 @@ import { store as editorStore } from '@wordpress/editor';
 import isTemplateRevertable from '../../utils/is-template-revertable';
 import { MENU_TEMPLATES } from '../navigation-sidebar/navigation-panel/constants';
 import { store as editSiteStore } from '../../store';
+import TemplateAreas from './template-areas';
 export default function TemplateDetails({
   template,
   onClose
@@ -41,17 +42,21 @@ export default function TemplateDetails({
     onClose();
   };
 
-  return createElement(Fragment, null, createElement("div", {
+  return createElement("div", {
     className: "edit-site-template-details"
-  }, createElement(Text, {
-    size: "body",
-    weight: 600
+  }, createElement("div", {
+    className: "edit-site-template-details__group"
+  }, createElement(Heading, {
+    level: 4,
+    weight: 600,
+    className: "edit-site-template-details__title"
   }, title), description && createElement(Text, {
     size: "body",
     className: "edit-site-template-details__description"
-  }, description)), isTemplateRevertable(template) && createElement("div", {
-    className: "edit-site-template-details__revert"
+  }, description)), createElement(TemplateAreas, null), isTemplateRevertable(template) && createElement(MenuGroup, {
+    className: "edit-site-template-details__group"
   }, createElement(MenuItem, {
+    className: "edit-site-template-details__revert-button",
     info: __('Restore template to theme default'),
     onClick: revert
   }, __('Clear customizations'))), createElement(Button, {

package/build-module/components/template-details/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/template-details/index.js"],"names":["__","Button","MenuItem","__experimentalText","Text","useDispatch","useSelect","store","editorStore","isTemplateRevertable","MENU_TEMPLATES","editSiteStore","TemplateDetails","template","onClose","title","description","select","__experimentalGetTemplateInfo","openNavigationPanelToMenu","revertTemplate","showTemplateInSidebar","revert"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SACCC,MADD,EAECC,QAFD,EAGCC,kBAAkB,IAAIC,IAHvB,QAIO,uBAJP;AAKA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,iBAAvC;AACA,SAASC,KAAK,IAAIC,WAAlB,QAAqC,mBAArC;AAEA;AACA;AACA;;AACA,OAAOC,oBAAP,MAAiC,oCAAjC;AACA,SAASC,cAAT,QAA+B,kDAA/B;AACA,SAASH,KAAK,IAAII,aAAlB,QAAuC,aAAvC;AAEA,eAAe,SAASC,eAAT,CAA0B;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAA1B,EAAkD;AAChE,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAyBV,SAAS,CACrCW,MAAF,IACCA,MAAM,CAAET,WAAF,CAAN,CAAsBU,6BAAtB,CAAqDL,QAArD,CAFsC,EAGvC,EAHuC,CAAxC;AAKA,QAAM;AAAEM,IAAAA,yBAAF;AAA6BC,IAAAA;AAA7B,MAAgDf,WAAW,CAChEM,aADgE,CAAjE;;AAIA,MAAK,CAAEE,QAAP,EAAkB;AACjB,WAAO,IAAP;AACA;;AAED,QAAMQ,qBAAqB,GAAG,MAAM;AACnCP,IAAAA,OAAO;AACPK,IAAAA,yBAAyB,CAAET,cAAF,CAAzB;AACA,GAHD;;AAKA,QAAMY,MAAM,GAAG,MAAM;AACpBF,IAAAA,cAAc,CAAEP,QAAF,CAAd;AACAC,IAAAA,OAAO;AACP,GAHD;;AAKA,SACC,8BACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAC,MAAX;AAAkB,IAAA,MAAM,EAAG;AAA3B,KACGC,KADH,CADD,EAKGC,WAAW,IACZ,cAAC,IAAD;AACC,IAAA,IAAI,EAAC,MADN;AAEC,IAAA,SAAS,EAAC;AAFX,KAIGA,WAJH,CANF,CADD,EAgBGP,oBAAoB,CAAEI,QAAF,CAApB,IACD;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,QAAD;AACC,IAAA,IAAI,EAAGb,EAAE,CAAE,mCAAF,CADV;AAEC,IAAA,OAAO,EAAGsB;AAFX,KAIGtB,EAAE,CAAE,sBAAF,CAJL,CADD,CAjBF,EA2BC,cAAC,MAAD;AACC,IAAA,SAAS,EAAC,6CADX;AAEC,IAAA,OAAO,EAAGqB,qBAFX;AAGC,kBAAarB,EAAE,CACd,sFADc;AAHhB,KAOGA,EAAE,CAAE,sBAAF,CAPL,CA3BD,CADD;AAuCA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tButton,\n\tMenuItem,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport isTemplateRevertable from '../../utils/is-template-revertable';\nimport { MENU_TEMPLATES } from '../navigation-sidebar/navigation-panel/constants';\nimport { store as editSiteStore } from '../../store';\n\nexport default function TemplateDetails( { template, onClose } ) {\n\tconst { title, description } = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetTemplateInfo( template ),\n\t\t[]\n\t);\n\tconst { openNavigationPanelToMenu, revertTemplate } = useDispatch(\n\t\teditSiteStore\n\t);\n\n\tif ( ! template ) {\n\t\treturn null;\n\t}\n\n\tconst showTemplateInSidebar = () => {\n\t\tonClose();\n\t\topenNavigationPanelToMenu( MENU_TEMPLATES );\n\t};\n\n\tconst revert = () => {\n\t\trevertTemplate( template );\n\t\tonClose();\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-site-template-details\">\n\t\t\t\t<Text size=\"body\" weight={ 600 }>\n\t\t\t\t\t{ title }\n\t\t\t\t</Text>\n\n\t\t\t\t{ description && (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tsize=\"body\"\n\t\t\t\t\t\tclassName=\"edit-site-template-details__description\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</div>\n\n\t\t\t{ isTemplateRevertable( template ) && (\n\t\t\t\t<div className=\"edit-site-template-details__revert\">\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tinfo={ __( 'Restore template to theme default' ) }\n\t\t\t\t\t\tonClick={ revert }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Clear customizations' ) }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-site-template-details__show-all-button\"\n\t\t\t\tonClick={ showTemplateInSidebar }\n\t\t\t\taria-label={ __(\n\t\t\t\t\t'Browse all templates. This will open the template menu in the navigation side panel.'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ __( 'Browse all templates' ) }\n\t\t\t</Button>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/template-details/index.js"],"names":["__","Button","MenuGroup","MenuItem","__experimentalHeading","Heading","__experimentalText","Text","useDispatch","useSelect","store","editorStore","isTemplateRevertable","MENU_TEMPLATES","editSiteStore","TemplateAreas","TemplateDetails","template","onClose","title","description","select","__experimentalGetTemplateInfo","openNavigationPanelToMenu","revertTemplate","showTemplateInSidebar","revert"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SACCC,MADD,EAECC,SAFD,EAGCC,QAHD,EAICC,qBAAqB,IAAIC,OAJ1B,EAKCC,kBAAkB,IAAIC,IALvB,QAMO,uBANP;AAOA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,iBAAvC;AACA,SAASC,KAAK,IAAIC,WAAlB,QAAqC,mBAArC;AAEA;AACA;AACA;;AACA,OAAOC,oBAAP,MAAiC,oCAAjC;AACA,SAASC,cAAT,QAA+B,kDAA/B;AACA,SAASH,KAAK,IAAII,aAAlB,QAAuC,aAAvC;AACA,OAAOC,aAAP,MAA0B,kBAA1B;AAEA,eAAe,SAASC,eAAT,CAA0B;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAA1B,EAAkD;AAChE,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAyBX,SAAS,CACrCY,MAAF,IACCA,MAAM,CAAEV,WAAF,CAAN,CAAsBW,6BAAtB,CAAqDL,QAArD,CAFsC,EAGvC,EAHuC,CAAxC;AAKA,QAAM;AAAEM,IAAAA,yBAAF;AAA6BC,IAAAA;AAA7B,MAAgDhB,WAAW,CAChEM,aADgE,CAAjE;;AAIA,MAAK,CAAEG,QAAP,EAAkB;AACjB,WAAO,IAAP;AACA;;AAED,QAAMQ,qBAAqB,GAAG,MAAM;AACnCP,IAAAA,OAAO;AACPK,IAAAA,yBAAyB,CAAEV,cAAF,CAAzB;AACA,GAHD;;AAKA,QAAMa,MAAM,GAAG,MAAM;AACpBF,IAAAA,cAAc,CAAEP,QAAF,CAAd;AACAC,IAAAA,OAAO;AACP,GAHD;;AAKA,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,OAAD;AACC,IAAA,KAAK,EAAG,CADT;AAEC,IAAA,MAAM,EAAG,GAFV;AAGC,IAAA,SAAS,EAAC;AAHX,KAKGC,KALH,CADD,EASGC,WAAW,IACZ,cAAC,IAAD;AACC,IAAA,IAAI,EAAC,MADN;AAEC,IAAA,SAAS,EAAC;AAFX,KAIGA,WAJH,CAVF,CADD,EAoBC,cAAC,aAAD,OApBD,EAsBGR,oBAAoB,CAAEK,QAAF,CAApB,IACD,cAAC,SAAD;AAAW,IAAA,SAAS,EAAC;AAArB,KACC,cAAC,QAAD;AACC,IAAA,SAAS,EAAC,2CADX;AAEC,IAAA,IAAI,EAAGjB,EAAE,CAAE,mCAAF,CAFV;AAGC,IAAA,OAAO,EAAG0B;AAHX,KAKG1B,EAAE,CAAE,sBAAF,CALL,CADD,CAvBF,EAkCC,cAAC,MAAD;AACC,IAAA,SAAS,EAAC,6CADX;AAEC,IAAA,OAAO,EAAGyB,qBAFX;AAGC,kBAAazB,EAAE,CACd,sFADc;AAHhB,KAOGA,EAAE,CAAE,sBAAF,CAPL,CAlCD,CADD;AA8CA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tButton,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport isTemplateRevertable from '../../utils/is-template-revertable';\nimport { MENU_TEMPLATES } from '../navigation-sidebar/navigation-panel/constants';\nimport { store as editSiteStore } from '../../store';\nimport TemplateAreas from './template-areas';\n\nexport default function TemplateDetails( { template, onClose } ) {\n\tconst { title, description } = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetTemplateInfo( template ),\n\t\t[]\n\t);\n\tconst { openNavigationPanelToMenu, revertTemplate } = useDispatch(\n\t\teditSiteStore\n\t);\n\n\tif ( ! template ) {\n\t\treturn null;\n\t}\n\n\tconst showTemplateInSidebar = () => {\n\t\tonClose();\n\t\topenNavigationPanelToMenu( MENU_TEMPLATES );\n\t};\n\n\tconst revert = () => {\n\t\trevertTemplate( template );\n\t\tonClose();\n\t};\n\n\treturn (\n\t\t<div className=\"edit-site-template-details\">\n\t\t\t<div className=\"edit-site-template-details__group\">\n\t\t\t\t<Heading\n\t\t\t\t\tlevel={ 4 }\n\t\t\t\t\tweight={ 600 }\n\t\t\t\t\tclassName=\"edit-site-template-details__title\"\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\n\t\t\t\t{ description && (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tsize=\"body\"\n\t\t\t\t\t\tclassName=\"edit-site-template-details__description\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</div>\n\n\t\t\t<TemplateAreas />\n\n\t\t\t{ isTemplateRevertable( template ) && (\n\t\t\t\t<MenuGroup className=\"edit-site-template-details__group\">\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tclassName=\"edit-site-template-details__revert-button\"\n\t\t\t\t\t\tinfo={ __( 'Restore template to theme default' ) }\n\t\t\t\t\t\tonClick={ revert }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Clear customizations' ) }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-site-template-details__show-all-button\"\n\t\t\t\tonClick={ showTemplateInSidebar }\n\t\t\t\taria-label={ __(\n\t\t\t\t\t'Browse all templates. This will open the template menu in the navigation side panel.'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ __( 'Browse all templates' ) }\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n"]}

package/build-module/components/template-details/template-areas.js

@@ -0,0 +1,60 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { MenuGroup, MenuItem } from '@wordpress/components';
+import { useSelect, useDispatch } from '@wordpress/data';
+import { getTemplatePartIcon } from '@wordpress/editor';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+/**
+ * Internal dependencies
+ */
+
+import { store as editSiteStore } from '../../store';
+import { TEMPLATE_PART_AREA_TO_NAME } from '../../store/constants';
+
+function TemplatePartItem({
+  area,
+  clientId
+}) {
+  const {
+    selectBlock,
+    toggleBlockHighlight
+  } = useDispatch(blockEditorStore);
+
+  const highlightBlock = () => toggleBlockHighlight(clientId, true);
+
+  const cancelHighlightBlock = () => toggleBlockHighlight(clientId, false);
+
+  return createElement(MenuItem, {
+    icon: getTemplatePartIcon(area),
+    iconPosition: "left",
+    onClick: () => {
+      selectBlock(clientId);
+    },
+    onMouseOver: highlightBlock,
+    onMouseLeave: cancelHighlightBlock,
+    onFocus: highlightBlock,
+    onBlur: cancelHighlightBlock
+  }, TEMPLATE_PART_AREA_TO_NAME[area]);
+}
+
+export default function TemplateAreas() {
+  const templateAreaBlocks = useSelect(select => select(editSiteStore).getTemplateAreaBlocks(), []);
+
+  if (!Object.keys(templateAreaBlocks).length) {
+    return null;
+  }
+
+  return createElement(MenuGroup, {
+    label: __('Template areas'),
+    className: "edit-site-template-details__group edit-site-template-details__template-areas"
+  }, Object.entries(templateAreaBlocks).map(([area, templateAreaBlock]) => createElement(TemplatePartItem, {
+    key: area,
+    area: area,
+    clientId: templateAreaBlock.clientId
+  })));
+}
+//# sourceMappingURL=template-areas.js.map

package/build-module/components/template-details/template-areas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/template-details/template-areas.js"],"names":["__","MenuGroup","MenuItem","useSelect","useDispatch","getTemplatePartIcon","store","blockEditorStore","editSiteStore","TEMPLATE_PART_AREA_TO_NAME","TemplatePartItem","area","clientId","selectBlock","toggleBlockHighlight","highlightBlock","cancelHighlightBlock","TemplateAreas","templateAreaBlocks","select","getTemplateAreaBlocks","Object","keys","length","entries","map","templateAreaBlock"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,QAApB,QAAoC,uBAApC;AACA,SAASC,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,mBAAT,QAAoC,mBAApC;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AAEA;AACA;AACA;;AACA,SAASD,KAAK,IAAIE,aAAlB,QAAuC,aAAvC;AACA,SAASC,0BAAT,QAA2C,uBAA3C;;AAEA,SAASC,gBAAT,CAA2B;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAA3B,EAAgD;AAC/C,QAAM;AAAEC,IAAAA,WAAF;AAAeC,IAAAA;AAAf,MAAwCV,WAAW,CACxDG,gBADwD,CAAzD;;AAGA,QAAMQ,cAAc,GAAG,MAAMD,oBAAoB,CAAEF,QAAF,EAAY,IAAZ,CAAjD;;AACA,QAAMI,oBAAoB,GAAG,MAAMF,oBAAoB,CAAEF,QAAF,EAAY,KAAZ,CAAvD;;AAEA,SACC,cAAC,QAAD;AACC,IAAA,IAAI,EAAGP,mBAAmB,CAAEM,IAAF,CAD3B;AAEC,IAAA,YAAY,EAAC,MAFd;AAGC,IAAA,OAAO,EAAG,MAAM;AACfE,MAAAA,WAAW,CAAED,QAAF,CAAX;AACA,KALF;AAMC,IAAA,WAAW,EAAGG,cANf;AAOC,IAAA,YAAY,EAAGC,oBAPhB;AAQC,IAAA,OAAO,EAAGD,cARX;AASC,IAAA,MAAM,EAAGC;AATV,KAWGP,0BAA0B,CAAEE,IAAF,CAX7B,CADD;AAeA;;AAED,eAAe,SAASM,aAAT,GAAyB;AACvC,QAAMC,kBAAkB,GAAGf,SAAS,CACjCgB,MAAF,IAAcA,MAAM,CAAEX,aAAF,CAAN,CAAwBY,qBAAxB,EADqB,EAEnC,EAFmC,CAApC;;AAKA,MAAK,CAAEC,MAAM,CAACC,IAAP,CAAaJ,kBAAb,EAAkCK,MAAzC,EAAkD;AACjD,WAAO,IAAP;AACA;;AAED,SACC,cAAC,SAAD;AACC,IAAA,KAAK,EAAGvB,EAAE,CAAE,gBAAF,CADX;AAEC,IAAA,SAAS,EAAC;AAFX,KAIGqB,MAAM,CAACG,OAAP,CAAgBN,kBAAhB,EAAqCO,GAArC,CACD,CAAE,CAAEd,IAAF,EAAQe,iBAAR,CAAF,KACC,cAAC,gBAAD;AACC,IAAA,GAAG,EAAGf,IADP;AAEC,IAAA,IAAI,EAAGA,IAFR;AAGC,IAAA,QAAQ,EAAGe,iBAAiB,CAACd;AAH9B,IAFA,CAJH,CADD;AAgBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuGroup, MenuItem } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { getTemplatePartIcon } from '@wordpress/editor';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { TEMPLATE_PART_AREA_TO_NAME } from '../../store/constants';\n\nfunction TemplatePartItem( { area, clientId } ) {\n\tconst { selectBlock, toggleBlockHighlight } = useDispatch(\n\t\tblockEditorStore\n\t);\n\tconst highlightBlock = () => toggleBlockHighlight( clientId, true );\n\tconst cancelHighlightBlock = () => toggleBlockHighlight( clientId, false );\n\n\treturn (\n\t\t<MenuItem\n\t\t\ticon={ getTemplatePartIcon( area ) }\n\t\t\ticonPosition=\"left\"\n\t\t\tonClick={ () => {\n\t\t\t\tselectBlock( clientId );\n\t\t\t} }\n\t\t\tonMouseOver={ highlightBlock }\n\t\t\tonMouseLeave={ cancelHighlightBlock }\n\t\t\tonFocus={ highlightBlock }\n\t\t\tonBlur={ cancelHighlightBlock }\n\t\t>\n\t\t\t{ TEMPLATE_PART_AREA_TO_NAME[ area ] }\n\t\t</MenuItem>\n\t);\n}\n\nexport default function TemplateAreas() {\n\tconst templateAreaBlocks = useSelect(\n\t\t( select ) => select( editSiteStore ).getTemplateAreaBlocks(),\n\t\t[]\n\t);\n\n\tif ( ! Object.keys( templateAreaBlocks ).length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<MenuGroup\n\t\t\tlabel={ __( 'Template areas' ) }\n\t\t\tclassName=\"edit-site-template-details__group edit-site-template-details__template-areas\"\n\t\t>\n\t\t\t{ Object.entries( templateAreaBlocks ).map(\n\t\t\t\t( [ area, templateAreaBlock ] ) => (\n\t\t\t\t\t<TemplatePartItem\n\t\t\t\t\t\tkey={ area }\n\t\t\t\t\t\tarea={ area }\n\t\t\t\t\t\tclientId={ templateAreaBlock.clientId }\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t) }\n\t\t</MenuGroup>\n\t);\n}\n"]}

package/build-module/components/template-part-converter/index.js

@@ -27,7 +27,7 @@ export default function TemplatePartConverter() {
       clientIds: selectedBlockClientIds,
       blocks: getBlocksByClientId(selectedBlockClientIds)
     };
-  }); // Allow converting a single template part to standard blocks.
+  }, []); // Allow converting a single template part to standard blocks.
 
   if (blocks.length === 1 && ((_blocks$ = blocks[0]) === null || _blocks$ === void 0 ? void 0 : _blocks$.name) === 'core/template-part') {
     return createElement(ConvertToRegularBlocks, {

package/build-module/components/template-part-converter/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/template-part-converter/index.js"],"names":["useSelect","store","blockEditorStore","ConvertToRegularBlocks","ConvertToTemplatePart","TemplatePartConverter","clientIds","blocks","select","getSelectedBlockClientIds","getBlocksByClientId","selectedBlockClientIds","length","name"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AAEA;AACA;AACA;;AACA,OAAOC,sBAAP,MAAmC,sBAAnC;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AAEA,eAAe,SAASC,qBAAT,GAAiC;AAAA;;AAC/C,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAAwBP,SAAS,CAAIQ,MAAF,IAAc;AACtD,UAAM;AAAEC,MAAAA,yBAAF;AAA6BC,MAAAA;AAA7B,QAAqDF,MAAM,CAChEN,gBADgE,CAAjE;AAGA,UAAMS,sBAAsB,GAAGF,yBAAyB,EAAxD;AACA,WAAO;AACNH,MAAAA,SAAS,EAAEK,sBADL;AAENJ,MAAAA,MAAM,EAAEG,mBAAmB,CAAEC,sBAAF;AAFrB,KAAP;AAIA,GATsC,CAAvC,CAD+C,CAY/C;;AACA,MAAKJ,MAAM,CAACK,MAAP,KAAkB,CAAlB,IAAuB,aAAAL,MAAM,CAAE,CAAF,CAAN,sDAAaM,IAAb,MAAsB,oBAAlD,EAAyE;AACxE,WAAO,cAAC,sBAAD;AAAwB,MAAA,QAAQ,EAAGP,SAAS,CAAE,CAAF;AAA5C,MAAP;AACA;;AAED,SAAO,cAAC,qBAAD;AAAuB,IAAA,SAAS,EAAGA,SAAnC;AAA+C,IAAA,MAAM,EAAGC;AAAxD,IAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ConvertToRegularBlocks from './convert-to-regular';\nimport ConvertToTemplatePart from './convert-to-template-part';\n\nexport default function TemplatePartConverter() {\n\tconst { clientIds, blocks } = useSelect( ( select ) => {\n\t\tconst { getSelectedBlockClientIds, getBlocksByClientId } = select(\n\t\t\tblockEditorStore\n\t\t);\n\t\tconst selectedBlockClientIds = getSelectedBlockClientIds();\n\t\treturn {\n\t\t\tclientIds: selectedBlockClientIds,\n\t\t\tblocks: getBlocksByClientId( selectedBlockClientIds ),\n\t\t};\n\t} );\n\n\t// Allow converting a single template part to standard blocks.\n\tif ( blocks.length === 1 && blocks[ 0 ]?.name === 'core/template-part' ) {\n\t\treturn <ConvertToRegularBlocks clientId={ clientIds[ 0 ] } />;\n\t}\n\n\treturn <ConvertToTemplatePart clientIds={ clientIds } blocks={ blocks } />;\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/template-part-converter/index.js"],"names":["useSelect","store","blockEditorStore","ConvertToRegularBlocks","ConvertToTemplatePart","TemplatePartConverter","clientIds","blocks","select","getSelectedBlockClientIds","getBlocksByClientId","selectedBlockClientIds","length","name"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AAEA;AACA;AACA;;AACA,OAAOC,sBAAP,MAAmC,sBAAnC;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AAEA,eAAe,SAASC,qBAAT,GAAiC;AAAA;;AAC/C,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAAwBP,SAAS,CAAIQ,MAAF,IAAc;AACtD,UAAM;AAAEC,MAAAA,yBAAF;AAA6BC,MAAAA;AAA7B,QAAqDF,MAAM,CAChEN,gBADgE,CAAjE;AAGA,UAAMS,sBAAsB,GAAGF,yBAAyB,EAAxD;AACA,WAAO;AACNH,MAAAA,SAAS,EAAEK,sBADL;AAENJ,MAAAA,MAAM,EAAEG,mBAAmB,CAAEC,sBAAF;AAFrB,KAAP;AAIA,GATsC,EASpC,EAToC,CAAvC,CAD+C,CAY/C;;AACA,MAAKJ,MAAM,CAACK,MAAP,KAAkB,CAAlB,IAAuB,aAAAL,MAAM,CAAE,CAAF,CAAN,sDAAaM,IAAb,MAAsB,oBAAlD,EAAyE;AACxE,WAAO,cAAC,sBAAD;AAAwB,MAAA,QAAQ,EAAGP,SAAS,CAAE,CAAF;AAA5C,MAAP;AACA;;AAED,SAAO,cAAC,qBAAD;AAAuB,IAAA,SAAS,EAAGA,SAAnC;AAA+C,IAAA,MAAM,EAAGC;AAAxD,IAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ConvertToRegularBlocks from './convert-to-regular';\nimport ConvertToTemplatePart from './convert-to-template-part';\n\nexport default function TemplatePartConverter() {\n\tconst { clientIds, blocks } = useSelect( ( select ) => {\n\t\tconst { getSelectedBlockClientIds, getBlocksByClientId } = select(\n\t\t\tblockEditorStore\n\t\t);\n\t\tconst selectedBlockClientIds = getSelectedBlockClientIds();\n\t\treturn {\n\t\t\tclientIds: selectedBlockClientIds,\n\t\t\tblocks: getBlocksByClientId( selectedBlockClientIds ),\n\t\t};\n\t}, [] );\n\n\t// Allow converting a single template part to standard blocks.\n\tif ( blocks.length === 1 && blocks[ 0 ]?.name === 'core/template-part' ) {\n\t\treturn <ConvertToRegularBlocks clientId={ clientIds[ 0 ] } />;\n\t}\n\n\treturn <ConvertToTemplatePart clientIds={ clientIds } blocks={ blocks } />;\n}\n"]}

package/build-module/components/url-query-controller/index.js

@@ -82,6 +82,6 @@ function useCurrentPageContext() {
     }
 
     return null;
-  });
+  }, []);
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/url-query-controller/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/url-query-controller/index.js"],"names":["useEffect","useDispatch","useSelect","getQueryArg","addQueryArgs","removeQueryArgs","store","editSiteStore","URLQueryController","setTemplate","setTemplatePart","showHomepage","setPage","url","window","location","href","postId","postType","context","pageContext","useCurrentPageContext","newUrl","history","replaceState","select","getEditedPostType","getEditedPostId","getPage","page","_postId","_postType"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { getQueryArg, addQueryArgs, removeQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nexport default function URLQueryController() {\n\tconst { setTemplate, setTemplatePart, showHomepage, setPage } = useDispatch(\n\t\teditSiteStore\n\t);\n\n\t// Set correct entity on load.\n\tuseEffect( () => {\n\t\tconst url = window.location.href;\n\t\tconst postId = getQueryArg( url, 'postId' );\n\n\t\tif ( ! postId ) {\n\t\t\tshowHomepage();\n\t\t\treturn;\n\t\t}\n\n\t\tconst postType = getQueryArg( url, 'postType' );\n\t\tif ( 'page' === postType || 'post' === postType ) {\n\t\t\tsetPage( { context: { postType, postId } } ); // Resolves correct template based on ID.\n\t\t} else if ( 'wp_template' === postType ) {\n\t\t\tsetTemplate( postId );\n\t\t} else if ( 'wp_template_part' === postType ) {\n\t\t\tsetTemplatePart( postId );\n\t\t} else {\n\t\t\tshowHomepage();\n\t\t}\n\t}, [] );\n\n\t// Update page URL when context changes.\n\tconst pageContext = useCurrentPageContext();\n\tuseEffect( () => {\n\t\tconst newUrl = pageContext\n\t\t\t? addQueryArgs( window.location.href, pageContext )\n\t\t\t: removeQueryArgs( window.location.href, 'postType', 'postId' );\n\n\t\twindow.history.replaceState( {}, '', newUrl );\n\t}, [ pageContext ] );\n\n\treturn null;\n}\n\nfunction useCurrentPageContext() {\n\treturn useSelect( ( select ) => {\n\t\tconst { getEditedPostType, getEditedPostId, getPage } = select(\n\t\t\teditSiteStore\n\t\t);\n\n\t\tconst page = getPage();\n\t\tlet _postId = getEditedPostId(),\n\t\t\t_postType = getEditedPostType();\n\t\t// This doesn't seem right to me,\n\t\t// we shouldn't be using the \"page\" and the \"template\" in the same way.\n\t\t// This need to be investigated.\n\t\tif ( page?.context?.postId && page?.context?.postType ) {\n\t\t\t_postId = page.context.postId;\n\t\t\t_postType = page.context.postType;\n\t\t}\n\n\t\tif ( _postId && _postType ) {\n\t\t\treturn { postId: _postId, postType: _postType };\n\t\t}\n\n\t\treturn null;\n\t} );\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/url-query-controller/index.js"],"names":["useEffect","useDispatch","useSelect","getQueryArg","addQueryArgs","removeQueryArgs","store","editSiteStore","URLQueryController","setTemplate","setTemplatePart","showHomepage","setPage","url","window","location","href","postId","postType","context","pageContext","useCurrentPageContext","newUrl","history","replaceState","select","getEditedPostType","getEditedPostId","getPage","page","_postId","_postType"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,oBAA1B;AACA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,iBAAvC;AACA,SAASC,WAAT,EAAsBC,YAAtB,EAAoCC,eAApC,QAA2D,gBAA3D;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,aAAlB,QAAuC,aAAvC;AAEA,eAAe,SAASC,kBAAT,GAA8B;AAC5C,QAAM;AAAEC,IAAAA,WAAF;AAAeC,IAAAA,eAAf;AAAgCC,IAAAA,YAAhC;AAA8CC,IAAAA;AAA9C,MAA0DX,WAAW,CAC1EM,aAD0E,CAA3E,CAD4C,CAK5C;;AACAP,EAAAA,SAAS,CAAE,MAAM;AAChB,UAAMa,GAAG,GAAGC,MAAM,CAACC,QAAP,CAAgBC,IAA5B;AACA,UAAMC,MAAM,GAAGd,WAAW,CAAEU,GAAF,EAAO,QAAP,CAA1B;;AAEA,QAAK,CAAEI,MAAP,EAAgB;AACfN,MAAAA,YAAY;AACZ;AACA;;AAED,UAAMO,QAAQ,GAAGf,WAAW,CAAEU,GAAF,EAAO,UAAP,CAA5B;;AACA,QAAK,WAAWK,QAAX,IAAuB,WAAWA,QAAvC,EAAkD;AACjDN,MAAAA,OAAO,CAAE;AAAEO,QAAAA,OAAO,EAAE;AAAED,UAAAA,QAAF;AAAYD,UAAAA;AAAZ;AAAX,OAAF,CAAP,CADiD,CACH;AAC9C,KAFD,MAEO,IAAK,kBAAkBC,QAAvB,EAAkC;AACxCT,MAAAA,WAAW,CAAEQ,MAAF,CAAX;AACA,KAFM,MAEA,IAAK,uBAAuBC,QAA5B,EAAuC;AAC7CR,MAAAA,eAAe,CAAEO,MAAF,CAAf;AACA,KAFM,MAEA;AACNN,MAAAA,YAAY;AACZ;AACD,GAnBQ,EAmBN,EAnBM,CAAT,CAN4C,CA2B5C;;AACA,QAAMS,WAAW,GAAGC,qBAAqB,EAAzC;AACArB,EAAAA,SAAS,CAAE,MAAM;AAChB,UAAMsB,MAAM,GAAGF,WAAW,GACvBhB,YAAY,CAAEU,MAAM,CAACC,QAAP,CAAgBC,IAAlB,EAAwBI,WAAxB,CADW,GAEvBf,eAAe,CAAES,MAAM,CAACC,QAAP,CAAgBC,IAAlB,EAAwB,UAAxB,EAAoC,QAApC,CAFlB;AAIAF,IAAAA,MAAM,CAACS,OAAP,CAAeC,YAAf,CAA6B,EAA7B,EAAiC,EAAjC,EAAqCF,MAArC;AACA,GANQ,EAMN,CAAEF,WAAF,CANM,CAAT;AAQA,SAAO,IAAP;AACA;;AAED,SAASC,qBAAT,GAAiC;AAChC,SAAOnB,SAAS,CAAIuB,MAAF,IAAc;AAAA;;AAC/B,UAAM;AAAEC,MAAAA,iBAAF;AAAqBC,MAAAA,eAArB;AAAsCC,MAAAA;AAAtC,QAAkDH,MAAM,CAC7DlB,aAD6D,CAA9D;AAIA,UAAMsB,IAAI,GAAGD,OAAO,EAApB;;AACA,QAAIE,OAAO,GAAGH,eAAe,EAA7B;AAAA,QACCI,SAAS,GAAGL,iBAAiB,EAD9B,CAN+B,CAQ/B;AACA;AACA;;;AACA,QAAKG,IAAI,SAAJ,IAAAA,IAAI,WAAJ,qBAAAA,IAAI,CAAEV,OAAN,wDAAeF,MAAf,IAAyBY,IAAzB,aAAyBA,IAAzB,iCAAyBA,IAAI,CAAEV,OAA/B,2CAAyB,eAAeD,QAA7C,EAAwD;AACvDY,MAAAA,OAAO,GAAGD,IAAI,CAACV,OAAL,CAAaF,MAAvB;AACAc,MAAAA,SAAS,GAAGF,IAAI,CAACV,OAAL,CAAaD,QAAzB;AACA;;AAED,QAAKY,OAAO,IAAIC,SAAhB,EAA4B;AAC3B,aAAO;AAAEd,QAAAA,MAAM,EAAEa,OAAV;AAAmBZ,QAAAA,QAAQ,EAAEa;AAA7B,OAAP;AACA;;AAED,WAAO,IAAP;AACA,GArBe,EAqBb,EArBa,CAAhB;AAsBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { getQueryArg, addQueryArgs, removeQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nexport default function URLQueryController() {\n\tconst { setTemplate, setTemplatePart, showHomepage, setPage } = useDispatch(\n\t\teditSiteStore\n\t);\n\n\t// Set correct entity on load.\n\tuseEffect( () => {\n\t\tconst url = window.location.href;\n\t\tconst postId = getQueryArg( url, 'postId' );\n\n\t\tif ( ! postId ) {\n\t\t\tshowHomepage();\n\t\t\treturn;\n\t\t}\n\n\t\tconst postType = getQueryArg( url, 'postType' );\n\t\tif ( 'page' === postType || 'post' === postType ) {\n\t\t\tsetPage( { context: { postType, postId } } ); // Resolves correct template based on ID.\n\t\t} else if ( 'wp_template' === postType ) {\n\t\t\tsetTemplate( postId );\n\t\t} else if ( 'wp_template_part' === postType ) {\n\t\t\tsetTemplatePart( postId );\n\t\t} else {\n\t\t\tshowHomepage();\n\t\t}\n\t}, [] );\n\n\t// Update page URL when context changes.\n\tconst pageContext = useCurrentPageContext();\n\tuseEffect( () => {\n\t\tconst newUrl = pageContext\n\t\t\t? addQueryArgs( window.location.href, pageContext )\n\t\t\t: removeQueryArgs( window.location.href, 'postType', 'postId' );\n\n\t\twindow.history.replaceState( {}, '', newUrl );\n\t}, [ pageContext ] );\n\n\treturn null;\n}\n\nfunction useCurrentPageContext() {\n\treturn useSelect( ( select ) => {\n\t\tconst { getEditedPostType, getEditedPostId, getPage } = select(\n\t\t\teditSiteStore\n\t\t);\n\n\t\tconst page = getPage();\n\t\tlet _postId = getEditedPostId(),\n\t\t\t_postType = getEditedPostType();\n\t\t// This doesn't seem right to me,\n\t\t// we shouldn't be using the \"page\" and the \"template\" in the same way.\n\t\t// This need to be investigated.\n\t\tif ( page?.context?.postId && page?.context?.postType ) {\n\t\t\t_postId = page.context.postId;\n\t\t\t_postType = page.context.postType;\n\t\t}\n\n\t\tif ( _postId && _postType ) {\n\t\t\treturn { postId: _postId, postType: _postType };\n\t\t}\n\n\t\treturn null;\n\t}, [] );\n}\n"]}

package/build-module/index.js

@@ -59,4 +59,7 @@ export function initialize(id, settings) {
 }
 export { default as __experimentalMainDashboardButton } from './components/main-dashboard-button';
 export { default as __experimentalNavigationToggle } from './components/navigation-sidebar/navigation-toggle';
+export { default as PluginSidebar } from './components/sidebar/plugin-sidebar';
+export { default as PluginSidebarMoreMenuItem } from './components/header/plugin-sidebar-more-menu-item';
+export { default as PluginMoreMenuItem } from './components/header/plugin-more-menu-item';
 //# sourceMappingURL=index.js.map

package/build-module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/index.js"],"names":["registerCoreBlocks","__experimentalRegisterExperimentalCoreBlocks","render","unmountComponentAtNode","__experimentalFetchLinkSuggestions","fetchLinkSuggestions","Editor","reinitializeEditor","target","settings","reboot","bind","initialize","id","search","searchOptions","__experimentalSpotlightEntityBlocks","document","getElementById","process","env","GUTENBERG_PHASE","enableFSEBlocks","default","__experimentalMainDashboardButton","__experimentalNavigationToggle"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,kBADD,EAECC,4CAFD,QAGO,0BAHP;AAIA,SAASC,MAAT,EAAiBC,sBAAjB,QAA+C,oBAA/C;AACA,SAASC,kCAAkC,IAAIC,oBAA/C,QAA2E,sBAA3E;AAEA;AACA;AACA;;AACA,OAAO,WAAP;AACA,OAAO,SAAP;AACA,OAAO,SAAP;AACA,OAAOC,MAAP,MAAmB,qBAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,kBAAT,CAA6BC,MAA7B,EAAqCC,QAArC,EAAgD;AACtDN,EAAAA,sBAAsB,CAAEK,MAAF,CAAtB;AACA,QAAME,MAAM,GAAGH,kBAAkB,CAACI,IAAnB,CAAyB,IAAzB,EAA+BH,MAA/B,EAAuCC,QAAvC,CAAf;AACAP,EAAAA,MAAM,CACL,cAAC,MAAD;AAAQ,IAAA,eAAe,EAAGO,QAA1B;AAAqC,IAAA,OAAO,EAAGC;AAA/C,IADK,EAELF,MAFK,CAAN;AAIA;AAED;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASI,UAAT,CAAqBC,EAArB,EAAyBJ,QAAzB,EAAoC;AAC1CA,EAAAA,QAAQ,CAACL,kCAAT,GAA8C,CAAEU,MAAF,EAAUC,aAAV,KAC7CV,oBAAoB,CAAES,MAAF,EAAUC,aAAV,EAAyBN,QAAzB,CADrB;;AAEAA,EAAAA,QAAQ,CAACO,mCAAT,GAA+C,CAAE,oBAAF,CAA/C;AAEA,QAAMR,MAAM,GAAGS,QAAQ,CAACC,cAAT,CAAyBL,EAAzB,CAAf;AACA,QAAMH,MAAM,GAAGH,kBAAkB,CAACI,IAAnB,CAAyB,IAAzB,EAA+BH,MAA/B,EAAuCC,QAAvC,CAAf;AAEAT,EAAAA,kBAAkB;;AAClB,MAAKmB,OAAO,CAACC,GAAR,CAAYC,eAAZ,KAAgC,CAArC,EAAyC;AACxCpB,IAAAA,4CAA4C,CAAE;AAC7CqB,MAAAA,eAAe,EAAE;AAD4B,KAAF,CAA5C;AAGA;;AAEDpB,EAAAA,MAAM,CACL,cAAC,MAAD;AAAQ,IAAA,eAAe,EAAGO,QAA1B;AAAqC,IAAA,OAAO,EAAGC;AAA/C,IADK,EAELF,MAFK,CAAN;AAIA;AAED,SAASe,OAAO,IAAIC,iCAApB,QAA6D,oCAA7D;AACA,SAASD,OAAO,IAAIE,8BAApB,QAA0D,mDAA1D","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tregisterCoreBlocks,\n\t__experimentalRegisterExperimentalCoreBlocks,\n} from '@wordpress/block-library';\nimport { render, unmountComponentAtNode } from '@wordpress/element';\nimport { __experimentalFetchLinkSuggestions as fetchLinkSuggestions } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport './plugins';\nimport './hooks';\nimport './store';\nimport Editor from './components/editor';\n\n/**\n * Reinitializes the editor after the user chooses to reboot the editor after\n * an unhandled error occurs, replacing previously mounted editor element using\n * an initial state from prior to the crash.\n *\n * @param {Element} target   DOM node in which editor is rendered.\n * @param {?Object} settings Editor settings object.\n */\nexport function reinitializeEditor( target, settings ) {\n\tunmountComponentAtNode( target );\n\tconst reboot = reinitializeEditor.bind( null, target, settings );\n\trender(\n\t\t<Editor initialSettings={ settings } onError={ reboot } />,\n\t\ttarget\n\t);\n}\n\n/**\n * Initializes the site editor screen.\n *\n * @param {string} id       ID of the root element to render the screen in.\n * @param {Object} settings Editor settings.\n */\nexport function initialize( id, settings ) {\n\tsettings.__experimentalFetchLinkSuggestions = ( search, searchOptions ) =>\n\t\tfetchLinkSuggestions( search, searchOptions, settings );\n\tsettings.__experimentalSpotlightEntityBlocks = [ 'core/template-part' ];\n\n\tconst target = document.getElementById( id );\n\tconst reboot = reinitializeEditor.bind( null, target, settings );\n\n\tregisterCoreBlocks();\n\tif ( process.env.GUTENBERG_PHASE === 2 ) {\n\t\t__experimentalRegisterExperimentalCoreBlocks( {\n\t\t\tenableFSEBlocks: true,\n\t\t} );\n\t}\n\n\trender(\n\t\t<Editor initialSettings={ settings } onError={ reboot } />,\n\t\ttarget\n\t);\n}\n\nexport { default as __experimentalMainDashboardButton } from './components/main-dashboard-button';\nexport { default as __experimentalNavigationToggle } from './components/navigation-sidebar/navigation-toggle';\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/index.js"],"names":["registerCoreBlocks","__experimentalRegisterExperimentalCoreBlocks","render","unmountComponentAtNode","__experimentalFetchLinkSuggestions","fetchLinkSuggestions","Editor","reinitializeEditor","target","settings","reboot","bind","initialize","id","search","searchOptions","__experimentalSpotlightEntityBlocks","document","getElementById","process","env","GUTENBERG_PHASE","enableFSEBlocks","default","__experimentalMainDashboardButton","__experimentalNavigationToggle","PluginSidebar","PluginSidebarMoreMenuItem","PluginMoreMenuItem"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,kBADD,EAECC,4CAFD,QAGO,0BAHP;AAIA,SAASC,MAAT,EAAiBC,sBAAjB,QAA+C,oBAA/C;AACA,SAASC,kCAAkC,IAAIC,oBAA/C,QAA2E,sBAA3E;AAEA;AACA;AACA;;AACA,OAAO,WAAP;AACA,OAAO,SAAP;AACA,OAAO,SAAP;AACA,OAAOC,MAAP,MAAmB,qBAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,kBAAT,CAA6BC,MAA7B,EAAqCC,QAArC,EAAgD;AACtDN,EAAAA,sBAAsB,CAAEK,MAAF,CAAtB;AACA,QAAME,MAAM,GAAGH,kBAAkB,CAACI,IAAnB,CAAyB,IAAzB,EAA+BH,MAA/B,EAAuCC,QAAvC,CAAf;AACAP,EAAAA,MAAM,CACL,cAAC,MAAD;AAAQ,IAAA,eAAe,EAAGO,QAA1B;AAAqC,IAAA,OAAO,EAAGC;AAA/C,IADK,EAELF,MAFK,CAAN;AAIA;AAED;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASI,UAAT,CAAqBC,EAArB,EAAyBJ,QAAzB,EAAoC;AAC1CA,EAAAA,QAAQ,CAACL,kCAAT,GAA8C,CAAEU,MAAF,EAAUC,aAAV,KAC7CV,oBAAoB,CAAES,MAAF,EAAUC,aAAV,EAAyBN,QAAzB,CADrB;;AAEAA,EAAAA,QAAQ,CAACO,mCAAT,GAA+C,CAAE,oBAAF,CAA/C;AAEA,QAAMR,MAAM,GAAGS,QAAQ,CAACC,cAAT,CAAyBL,EAAzB,CAAf;AACA,QAAMH,MAAM,GAAGH,kBAAkB,CAACI,IAAnB,CAAyB,IAAzB,EAA+BH,MAA/B,EAAuCC,QAAvC,CAAf;AAEAT,EAAAA,kBAAkB;;AAClB,MAAKmB,OAAO,CAACC,GAAR,CAAYC,eAAZ,KAAgC,CAArC,EAAyC;AACxCpB,IAAAA,4CAA4C,CAAE;AAC7CqB,MAAAA,eAAe,EAAE;AAD4B,KAAF,CAA5C;AAGA;;AAEDpB,EAAAA,MAAM,CACL,cAAC,MAAD;AAAQ,IAAA,eAAe,EAAGO,QAA1B;AAAqC,IAAA,OAAO,EAAGC;AAA/C,IADK,EAELF,MAFK,CAAN;AAIA;AAED,SAASe,OAAO,IAAIC,iCAApB,QAA6D,oCAA7D;AACA,SAASD,OAAO,IAAIE,8BAApB,QAA0D,mDAA1D;AACA,SAASF,OAAO,IAAIG,aAApB,QAAyC,qCAAzC;AACA,SAASH,OAAO,IAAII,yBAApB,QAAqD,mDAArD;AACA,SAASJ,OAAO,IAAIK,kBAApB,QAA8C,2CAA9C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tregisterCoreBlocks,\n\t__experimentalRegisterExperimentalCoreBlocks,\n} from '@wordpress/block-library';\nimport { render, unmountComponentAtNode } from '@wordpress/element';\nimport { __experimentalFetchLinkSuggestions as fetchLinkSuggestions } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport './plugins';\nimport './hooks';\nimport './store';\nimport Editor from './components/editor';\n\n/**\n * Reinitializes the editor after the user chooses to reboot the editor after\n * an unhandled error occurs, replacing previously mounted editor element using\n * an initial state from prior to the crash.\n *\n * @param {Element} target   DOM node in which editor is rendered.\n * @param {?Object} settings Editor settings object.\n */\nexport function reinitializeEditor( target, settings ) {\n\tunmountComponentAtNode( target );\n\tconst reboot = reinitializeEditor.bind( null, target, settings );\n\trender(\n\t\t<Editor initialSettings={ settings } onError={ reboot } />,\n\t\ttarget\n\t);\n}\n\n/**\n * Initializes the site editor screen.\n *\n * @param {string} id       ID of the root element to render the screen in.\n * @param {Object} settings Editor settings.\n */\nexport function initialize( id, settings ) {\n\tsettings.__experimentalFetchLinkSuggestions = ( search, searchOptions ) =>\n\t\tfetchLinkSuggestions( search, searchOptions, settings );\n\tsettings.__experimentalSpotlightEntityBlocks = [ 'core/template-part' ];\n\n\tconst target = document.getElementById( id );\n\tconst reboot = reinitializeEditor.bind( null, target, settings );\n\n\tregisterCoreBlocks();\n\tif ( process.env.GUTENBERG_PHASE === 2 ) {\n\t\t__experimentalRegisterExperimentalCoreBlocks( {\n\t\t\tenableFSEBlocks: true,\n\t\t} );\n\t}\n\n\trender(\n\t\t<Editor initialSettings={ settings } onError={ reboot } />,\n\t\ttarget\n\t);\n}\n\nexport { default as __experimentalMainDashboardButton } from './components/main-dashboard-button';\nexport { default as __experimentalNavigationToggle } from './components/navigation-sidebar/navigation-toggle';\nexport { default as PluginSidebar } from './components/sidebar/plugin-sidebar';\nexport { default as PluginSidebarMoreMenuItem } from './components/header/plugin-sidebar-more-menu-item';\nexport { default as PluginMoreMenuItem } from './components/header/plugin-more-menu-item';\n"]}