npm - @wordpress/edit-site - Versions diffs - 6.19.1 → 6.20.0 - Mend

@wordpress/edit-site 6.19.1 → 6.20.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 (30) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,8 @@
 ## Unreleased
+## 6.20.0 (2025-03-13)
 ## 6.19.0 (2025-02-28)
 ## 6.18.0 (2025-02-12)

package/build/components/editor/site-preview.js CHANGED Viewed

@@ -7,6 +7,8 @@ exports.default = SitePreview;
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
+var _dom = require("@wordpress/dom");
+var _url = require("@wordpress/url");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -20,10 +22,11 @@ function SitePreview() {
     const siteData = getEntityRecord('root', '__unstableBase');
     return siteData?.home;
   }, []);
-  // If theme is block based, return the Editor, otherwise return the site preview.
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
-    src: siteUrl,
+    src: (0, _url.addQueryArgs)(siteUrl, {
+      // Parameter for hiding the admin bar.
+      wp_site_preview: 1
+    }),
     title: (0, _i18n.__)('Site Preview'),
     style: {
       display: 'block',
@@ -32,14 +35,10 @@ function SitePreview() {
       backgroundColor: '#fff'
     },
     onLoad: event => {
-      // Hide the admin bar in the front-end preview.
-      const document = event.target.contentDocument;
-      document.getElementById('wpadminbar').remove();
-      document.getElementsByTagName('html')[0].setAttribute('style', 'margin-top: 0 !important;');
-      document.getElementsByTagName('body')[0].classList.remove('admin-bar');
       // Make interactive elements unclickable.
-      const interactiveElements = document.querySelectorAll('a, button, input, details, audio');
-      interactiveElements.forEach(element => {
+      const document = event.target.contentDocument;
+      const focusableElements = _dom.focus.focusable.find(document);
+      focusableElements.forEach(element => {
         element.style.pointerEvents = 'none';
         element.tabIndex = -1;
         element.setAttribute('aria-hidden', 'true');

package/build/components/editor/site-preview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_data","_coreData","_jsxRuntime","SitePreview","siteUrl","useSelect","select","getEntityRecord","coreStore","siteData","home","jsx","src","title","__","style","display","width","height","backgroundColor","onLoad","event","document","target","contentDocument","~~getElementById~~","~~remove~~","~~getElementsByTagName~~","~~setAttribute~~","~~classList","interactiveElements","querySelectorAll","~~forEach","element","pointerEvents","tabIndex"],"sources":["@wordpress/edit-site/src/components/editor/site-preview.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\nexport default function SitePreview() {\n\tconst siteUrl = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase' );\n\t\treturn siteData?.home;\n\t}, [] );\n\n\t// If ~~theme is block based~~, ~~return~~ ~~the~~ ~~Editor,~~ ~~otherwise~~ ~~return~~ the ~~site~~ ~~preview~~.\n\~~treturn (~~\n\t\t~~<iframe~~\n\t\t\~~tsrc={~~ ~~siteUrl~~ }\n\t\t\ttitle={ __( 'Site Preview' ) }\n\t\t\tstyle={ {\n\t\t\t\tdisplay: 'block',\n\t\t\t\twidth: '100%',\n\t\t\t\theight: '100%',\n\t\t\t\tbackgroundColor: '#fff',\n\t\t\t} }\n\t\t\tonLoad={ ( event ) => {\n\t\t\t\t// ~~Hide~~ ~~the~~ ~~admin~~ ~~bar in the front-end preview~~.\n\t\t\t\tconst document = event.target.contentDocument;\n\t\t\t\~~tdocument.getElementById(~~ ~~'wpadminbar'~~ ~~).remove();\n\t\t\t\tdocument\n\t\t\t\t\t.getElementsByTagName(~~ ~~'html' )[ 0 ]\n\t\t\t\t\t~~.~~setAttribute( 'style', 'margin-top: 0 !important;' );\n\t\t\t\tdocument\n\t\t\t\t\t~~.~~getElementsByTagName~~( ~~'body' )[ 0 ]\n\t\t\t\t\t.classList.remove( 'admin-bar' );\n\t\t\t\t// Make interactive elements unclickable.\n\t\t\t\tconst interactiveElements =~~ document~~.querySelectorAll(\n\t\t\t\t\t'a,~~ ~~button, input, details, audio'\n\t\t\t\t~~);\n\t\t\t\~~tinteractiveElements~~.forEach( ( element ) => {\n\t\t\t\t\telement.style.pointerEvents = 'none';\n\t\t\t\t\telement.tabIndex = -1;\n\t\t\t\t\telement.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;~~AAA0D~~,IAAAG,~~WAAA~~,GAAAH,OAAA;~~AAL1D~~;AACA;AACA;;~~AAKe~~,~~SAASI~~,WAAWA,CAAA,EAAG;EACrC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxC,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEE,eAAU,CAAC;IAC/C,MAAMC,QAAQ,GAAGF,eAAe,CAAE,MAAM,EAAE,gBAAiB,CAAC;IAC5D,OAAOE,QAAQ,EAAEC,IAAI;EACtB,CAAC,EAAE,EAAG,CAAC;;EAEP~~;EACA~~,oBACC,IAAAR,WAAA,CAAAS,GAAA;IACCC,GAAG,~~EAAGR~~,~~OAAS~~;~~IACfS~~,KAAK,EAAG,IAAAC,QAAE,EAAE,cAAe,CAAG;IAC9BC,KAAK,EAAG;MACPC,OAAO,EAAE,OAAO;MAChBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,eAAe,EAAE;IAClB,CAAG;IACHC,MAAM,EAAKC,KAAK,IAAM;MACrB;MACA,MAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAM,CAACC,eAAe;~~MAC7CF~~,~~QAAQ~~,~~CAACG~~,~~cAAc~~,~~CAAE~~,~~YAAa,CAAC,~~CAACC,~~MAAM,CAAC,CAAC;MAChDJ,QAAQ,CACNK,oBAAoB,CAAE,MAAO,CAAC,CAAE,CAAC,CAAE,CACnCC,YAAY,CAAE,OAAO,EAAE,2BAA4B,CAAC;MACtDN,QAAQ,CACNK,oBAAoB,CAAE,MAAO,CAAC,CAAE,CAAC,CAAE,CACnCE,~~SAAS,~~CAACH~~,~~MAAM~~,~~CAAE~~,~~WAAY~~,CAAC;~~MACjC;MACA~~,~~MAAMI~~,~~mBAAmB~~,~~GAAGR,QAAQ,CAACS,gBAAgB,CACpD,kCACD,CAAC;MACDD,mBAAmB,CAACE,~~OAAO,CAAIC,OAAO,IAAM;~~QAC3CA~~,OAAO,~~CAAClB~~,KAAK,~~CAACmB~~,aAAa,GAAG,MAAM;QACpCD,OAAO,CAACE,QAAQ,GAAG,CAAC,CAAC;QACrBF,OAAO,~~CAACL~~,YAAY,CAAE,aAAa,EAAE,MAAO,CAAC;MAC9C,CAAE,CAAC;IACJ;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_data","_coreData","_dom","_url","_jsxRuntime","SitePreview","siteUrl","useSelect","select","getEntityRecord","coreStore","siteData","home","jsx","src","addQueryArgs","wp_site_preview","title","__","style","display","width","height","backgroundColor","onLoad","event","document","target","contentDocument","focusableElements","focus","focusable","find","forEach","element","pointerEvents","tabIndex","setAttribute"],"sources":["@wordpress/edit-site/src/components/editor/site-preview.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { focus } from '@wordpress/dom';\nimport { addQueryArgs } from '@wordpress/url';\n\nexport default function SitePreview() {\n\tconst siteUrl = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase' );\n\t\treturn siteData?.home;\n\t}, [] );\n\n\treturn (\n\t\t<iframe\n\t\t\tsrc={ addQueryArgs( siteUrl, {\n\t\t\t\t// Parameter for hiding the admin bar.\n\t\t\t\twp_site_preview: 1,\n\t\t\t} ) }\n\t\t\ttitle={ __( 'Site Preview' ) }\n\t\t\tstyle={ {\n\t\t\t\tdisplay: 'block',\n\t\t\t\twidth: '100%',\n\t\t\t\theight: '100%',\n\t\t\t\tbackgroundColor: '#fff',\n\t\t\t} }\n\t\t\tonLoad={ ( event ) => {\n\t\t\t\t// Make interactive elements unclickable.\n\t\t\t\tconst document = event.target.contentDocument;\n\t\t\t\tconst focusableElements = focus.focusable.find( document );\n\t\t\t\tfocusableElements.forEach( ( element ) => {\n\t\t\t\t\telement.style.pointerEvents = 'none';\n\t\t\t\t\telement.tabIndex = -1;\n\t\t\t\t\telement.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AAA8C,IAAAK,WAAA,GAAAL,OAAA;AAP9C;AACA;AACA;;AAOe,SAASM,WAAWA,CAAA,EAAG;EACrC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxC,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEE,eAAU,CAAC;IAC/C,MAAMC,QAAQ,GAAGF,eAAe,CAAE,MAAM,EAAE,gBAAiB,CAAC;IAC5D,OAAOE,QAAQ,EAAEC,IAAI;EACtB,CAAC,EAAE,EAAG,CAAC;EAEP,oBACC,IAAAR,WAAA,CAAAS,GAAA;IACCC,GAAG,EAAG,IAAAC,iBAAY,EAAET,OAAO,EAAE;MAC5B;MACAU,eAAe,EAAE;IAClB,CAAE,CAAG;IACLC,KAAK,EAAG,IAAAC,QAAE,EAAE,cAAe,CAAG;IAC9BC,KAAK,EAAG;MACPC,OAAO,EAAE,OAAO;MAChBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,eAAe,EAAE;IAClB,CAAG;IACHC,MAAM,EAAKC,KAAK,IAAM;MACrB;MACA,MAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAM,CAACC,eAAe;MAC7C,MAAMC,iBAAiB,GAAGC,UAAK,CAACC,SAAS,CAACC,IAAI,CAAEN,QAAS,CAAC;MAC1DG,iBAAiB,CAACI,OAAO,CAAIC,OAAO,IAAM;QACzCA,OAAO,CAACf,KAAK,CAACgB,aAAa,GAAG,MAAM;QACpCD,OAAO,CAACE,QAAQ,GAAG,CAAC,CAAC;QACrBF,OAAO,CAACG,YAAY,CAAE,aAAa,EAAE,MAAO,CAAC;MAC9C,CAAE,CAAC;IACJ;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}

package/build/components/global-styles/shadows-panel.js CHANGED Viewed

@@ -102,37 +102,33 @@ function ShadowList({
     spacing: 2,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
       justify: "space-between",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Flex, {
-        align: "center",
-        className: "edit-site-global-styles__shadows-panel__title",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
-          level: 3,
-          children: label
-        })
-      }), canCreate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
+        level: 3,
+        children: label
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.FlexItem, {
         className: "edit-site-global-styles__shadows-panel__options-container",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        children: [canCreate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
           size: "small",
           icon: _icons.plus,
           label: (0, _i18n.__)('Add shadow'),
           onClick: () => {
             handleAddShadow();
           }
-        })
-      }), !!shadows?.length && category === 'custom' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Menu, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.TriggerButton, {
-          render: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-            size: "small",
-            icon: _icons.moreVertical,
-            label: (0, _i18n.__)('Shadow options')
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.Popover, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.Item, {
-            onClick: onReset,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.ItemLabel, {
-              children: (0, _i18n.__)('Remove all custom shadows')
+        }), !!shadows?.length && category === 'custom' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Menu, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.TriggerButton, {
+            render: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+              size: "small",
+              icon: _icons.moreVertical,
+              label: (0, _i18n.__)('Shadow options')
             })
-          })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.Popover, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.Item, {
+              onClick: onReset,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.ItemLabel, {
+                children: (0, _i18n.__)('Remove all custom shadows')
+              })
+            })
+          })]
         })]
       })]
     }), shadows.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {

package/build/components/global-styles/shadows-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_blockEditor","_icons","_lockUnlock","_subtitle","_interopRequireDefault","_navigationButton","_header","_utils","_element","_confirmResetShadowDialog","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","Menu","componentsPrivateApis","defaultShadow","exports","ShadowsPanel","defaultShadows","defaultShadowsEnabled","themeShadows","customShadows","setCustomShadows","onCreateShadow","shadow","handleResetShadows","isResetDialogOpen","setIsResetDialogOpen","useState","toggleResetDialog","jsxs","Fragment","children","jsx","default","text","__","confirmButtonText","isOpen","toggleOpen","onConfirm","title","description","className","__experimentalVStack","spacing","ShadowList","label","shadows","category","length","canCreate","onCreate","onReset","handleAddShadow","newIndex","getNewIndexFromPresets","name","sprintf","slug","__experimentalHStack","justify","Flex","align","level","FlexItem","Button","size","icon","plus","onClick","TriggerButton","render","moreVertical","Popover","Item","ItemLabel","__experimentalItemGroup","isBordered","isSeparated","map","ShadowItem","NavigationButtonAsItem","path","Icon","isRTL","chevronLeft","chevronRight"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalItemGroup as ItemGroup,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tIcon,\n\tchevronLeft,\n\tchevronRight,\n\tmoreVertical,\n} from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ScreenHeader from './header';\nimport { getNewIndexFromPresets } from './utils';\nimport { useState } from '@wordpress/element';\nimport ConfirmResetShadowDialog from './confirm-reset-shadow-dialog';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nexport const defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';\n\nexport default function ShadowsPanel() {\n\tconst [ defaultShadows ] = useGlobalSetting( 'shadow.presets.default' );\n\tconst [ defaultShadowsEnabled ] = useGlobalSetting(\n\t\t'shadow.defaultPresets'\n\t);\n\tconst [ themeShadows ] = useGlobalSetting( 'shadow.presets.theme' );\n\tconst [ customShadows, setCustomShadows ] = useGlobalSetting(\n\t\t'shadow.presets.custom'\n\t);\n\n\tconst onCreateShadow = ( shadow ) => {\n\t\tsetCustomShadows( [ ...( customShadows \|\| [] ), shadow ] );\n\t};\n\n\tconst handleResetShadows = () => {\n\t\tsetCustomShadows( [] );\n\t};\n\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetShadowDialog\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Are you sure you want to remove all custom shadows?'\n\t\t\t\t\t) }\n\t\t\t\t\tconfirmButtonText={ __( 'Remove' ) }\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetShadows }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Shadows' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage and create shadow styles for use across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel\"\n\t\t\t\t\tspacing={ 7 }\n\t\t\t\t>\n\t\t\t\t\t{ defaultShadowsEnabled && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\tshadows={ defaultShadows \|\| [] }\n\t\t\t\t\t\t\tcategory=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ themeShadows && themeShadows.length > 0 && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\tshadows={ themeShadows \|\| [] }\n\t\t\t\t\t\t\tcategory=\"theme\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ShadowList\n\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\tshadows={ customShadows \|\| [] }\n\t\t\t\t\t\tcategory=\"custom\"\n\t\t\t\t\t\tcanCreate\n\t\t\t\t\t\tonCreate={ onCreateShadow }\n\t\t\t\t\t\tonReset={ toggleResetDialog }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ShadowList( {\n\tlabel,\n\tshadows,\n\tcategory,\n\tcanCreate,\n\tonCreate,\n\tonReset,\n} ) {\n\tconst handleAddShadow = () => {\n\t\tconst newIndex = getNewIndexFromPresets( shadows, 'shadow-' );\n\t\tonCreate( {\n\t\t\tname: sprintf(\n\t\t\t\t/ translators: %s: is an index for a preset */\n\t\t\t\t__( 'Shadow %s' ),\n\t\t\t\tnewIndex\n\t\t\t),\n\t\t\tshadow: defaultShadow,\n\t\t\tslug: `shadow-${ newIndex }`,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Flex\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t>\n\t\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t</Flex>\n\t\t\t\t{ canCreate && (\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thandleAddShadow();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t\t{ !! shadows?.length && category === 'custom' && (\n\t\t\t\t\t<Menu>\n\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Shadow options' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t<Menu.Item onClick={ onReset }>\n\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t{ __( 'Remove all custom shadows' ) }\n\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t</Menu>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ shadows.length > 0 && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ shadows.map( ( shadow ) => (\n\t\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\t\tkey={ shadow.slug }\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowItem( { shadow, category } ) {\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ `/shadows/edit/${ category }/${ shadow.slug }` }\n\t\t>\n\t\t\t<HStack>\n\t\t\t\t<FlexItem>{ shadow.name }</FlexItem>\n\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_i18n","_blockEditor","_icons","_lockUnlock","_subtitle","_interopRequireDefault","_navigationButton","_header","_utils","_element","_confirmResetShadowDialog","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","Menu","componentsPrivateApis","defaultShadow","exports","ShadowsPanel","defaultShadows","defaultShadowsEnabled","themeShadows","customShadows","setCustomShadows","onCreateShadow","shadow","handleResetShadows","isResetDialogOpen","setIsResetDialogOpen","useState","toggleResetDialog","jsxs","Fragment","children","jsx","default","text","__","confirmButtonText","isOpen","toggleOpen","onConfirm","title","description","className","__experimentalVStack","spacing","ShadowList","label","shadows","category","length","canCreate","onCreate","onReset","handleAddShadow","newIndex","getNewIndexFromPresets","name","sprintf","slug","__experimentalHStack","justify","level","FlexItem","Button","size","icon","plus","onClick","TriggerButton","render","moreVertical","Popover","Item","ItemLabel","__experimentalItemGroup","isBordered","isSeparated","map","ShadowItem","NavigationButtonAsItem","path","Icon","isRTL","chevronLeft","chevronRight"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalItemGroup as ItemGroup,\n\tButton,\n\tFlexItem,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tIcon,\n\tchevronLeft,\n\tchevronRight,\n\tmoreVertical,\n} from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ScreenHeader from './header';\nimport { getNewIndexFromPresets } from './utils';\nimport { useState } from '@wordpress/element';\nimport ConfirmResetShadowDialog from './confirm-reset-shadow-dialog';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nexport const defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';\n\nexport default function ShadowsPanel() {\n\tconst [ defaultShadows ] = useGlobalSetting( 'shadow.presets.default' );\n\tconst [ defaultShadowsEnabled ] = useGlobalSetting(\n\t\t'shadow.defaultPresets'\n\t);\n\tconst [ themeShadows ] = useGlobalSetting( 'shadow.presets.theme' );\n\tconst [ customShadows, setCustomShadows ] = useGlobalSetting(\n\t\t'shadow.presets.custom'\n\t);\n\n\tconst onCreateShadow = ( shadow ) => {\n\t\tsetCustomShadows( [ ...( customShadows \|\| [] ), shadow ] );\n\t};\n\n\tconst handleResetShadows = () => {\n\t\tsetCustomShadows( [] );\n\t};\n\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetShadowDialog\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Are you sure you want to remove all custom shadows?'\n\t\t\t\t\t) }\n\t\t\t\t\tconfirmButtonText={ __( 'Remove' ) }\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetShadows }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Shadows' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage and create shadow styles for use across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel\"\n\t\t\t\t\tspacing={ 7 }\n\t\t\t\t>\n\t\t\t\t\t{ defaultShadowsEnabled && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\tshadows={ defaultShadows \|\| [] }\n\t\t\t\t\t\t\tcategory=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ themeShadows && themeShadows.length > 0 && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\tshadows={ themeShadows \|\| [] }\n\t\t\t\t\t\t\tcategory=\"theme\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ShadowList\n\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\tshadows={ customShadows \|\| [] }\n\t\t\t\t\t\tcategory=\"custom\"\n\t\t\t\t\t\tcanCreate\n\t\t\t\t\t\tonCreate={ onCreateShadow }\n\t\t\t\t\t\tonReset={ toggleResetDialog }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ShadowList( {\n\tlabel,\n\tshadows,\n\tcategory,\n\tcanCreate,\n\tonCreate,\n\tonReset,\n} ) {\n\tconst handleAddShadow = () => {\n\t\tconst newIndex = getNewIndexFromPresets( shadows, 'shadow-' );\n\t\tonCreate( {\n\t\t\tname: sprintf(\n\t\t\t\t/ translators: %s: is an index for a preset */\n\t\t\t\t__( 'Shadow %s' ),\n\t\t\t\tnewIndex\n\t\t\t),\n\t\t\tshadow: defaultShadow,\n\t\t\tslug: `shadow-${ newIndex }`,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t{ canCreate && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thandleAddShadow();\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\t{ !! shadows?.length && category === 'custom' && (\n\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Shadow options' ) }\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/>\n\t\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t<Menu.Item onClick={ onReset }>\n\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Remove all custom shadows' ) }\n\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t</Menu>\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t{ shadows.length > 0 && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ shadows.map( ( shadow ) => (\n\t\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\t\tkey={ shadow.slug }\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowItem( { shadow, category } ) {\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ `/shadows/edit/${ category }/${ shadow.slug }` }\n\t\t>\n\t\t\t<HStack>\n\t\t\t\t<FlexItem>{ shadow.name }</FlexItem>\n\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/layout/index.js CHANGED Viewed

@@ -152,7 +152,7 @@ function Layout() {
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.ErrorBoundary, {
                   children: areas.mobile
                 })
-              })]
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_saveHub.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_savePanel.default, {})]
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.ErrorBoundary, {
               children: areas.mobile
             })

package/build/components/layout/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_compose","_i18n","_element","_commands","_blockEditor","_editor","_coreCommands","_router","_plugins","_notices","_data","_preferences","_siteHub","_interopRequireWildcard","_resizableFrame","_lockUnlock","_saveKeyboardShortcut","_hooks","_animation","_sidebar","_saveHub","_savePanel","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useCommands","unlock","coreCommandsPrivateApis","useGlobalStyle","blockEditorPrivateApis","NavigableRegion","GlobalStylesProvider","editorPrivateApis","useLocation","routerPrivateApis","ANIMATION_DURATION","Layout","query","name","routeKey","areas","widths","canvas","isMobileViewport","useViewportMatch","toggleRef","useRef","navigateRegionsProps","useNavigateRegions","disableMotion","useReducedMotion","canvasResizer","canvasSize","useResizeObserver","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","useState","animationRef","useMovingAnimation","triggerAnimationOnChange","showIconLabels","useSelect","select","preferencesStore","backgroundColor","gradientValue","previousCanvaMode","usePrevious","useEffect","current","focus","jsxs","Fragment","children","jsx","UnsavedChangesWarning","CommandMenu","ref","className","clsx","mobile","ariaLabel","__","__unstableAnimatePresence","__unstableMotion","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","SidebarNavigationProvider","SidebarContent","shouldAnimate","ErrorBoundary","sidebar","EditorSnackbars","SiteHubMobile","content","style","maxWidth","edit","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","LayoutWithGlobalStylesProvider","props","createErrorNotice","useDispatch","noticesStore","onPluginAreaError","sprintf","SlotFillProvider","PluginArea","onError"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n\tSlotFillProvider,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { CommandMenu } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tEditorSnackbars,\n\tUnsavedChangesWarning,\n\tErrorBoundary,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { PluginArea } from '@wordpress/plugins';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport { default as SiteHub, SiteHubMobile } from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport SaveKeyboardShortcut from '../save-keyboard-shortcut';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useMovingAnimation from './animation';\nimport { SidebarContent, SidebarNavigationProvider } from '../sidebar';\nimport SaveHub from '../save-hub';\nimport SavePanel from '../save-panel';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion, GlobalStylesProvider } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nfunction Layout() {\n\tconst { query, name: routeKey, areas, widths } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tuseCommands();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst navigateRegionsProps = useNavigateRegions();\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: routeKey + '-' + canvas,\n\t} );\n\n\tconst { showIconLabels } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tshowIconLabels: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t};\n\t} );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvas );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t}, [ canvas ] );\n\n\treturn (\n\t\t<>\n\t\t\t<UnsavedChangesWarning />\n\t\t\t<CommandMenu />\n\t\t\t{ canvas === 'view' && <SaveKeyboardShortcut /> }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-full-canvas': canvas === 'edit',\n\t\t\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvas === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t\t<SidebarContent\n\t\t\t\t\t\t\t\t\t\t\t\tshouldAnimate={\n\t\t\t\t\t\t\t\t\t\t\t\t\trouteKey !== 'styles'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\trouteKey={ routeKey }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t{ canvas !== 'edit' ? (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<SiteHubMobile\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\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<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvas !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ErrorBoundary>{ areas.content }</ErrorBoundary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.edit && canvas !== 'edit' && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.edit,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ErrorBoundary>{ areas.edit }</ErrorBoundary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ canvas === 'edit' }\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding /,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default function LayoutWithGlobalStylesProvider( props ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onPluginAreaError( name ) {\n\t\tcreateErrorNotice(\n\t\t\tsprintf(\n\t\t\t\t/ translators: %s: plugin name /\n\t\t\t\t__(\n\t\t\t\t\t'The \"%s\" plugin has encountered an error and cannot be rendered.'\n\t\t\t\t),\n\t\t\t\tname\n\t\t\t)\n\t\t);\n\t}\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<GlobalStylesProvider>\n\t\t\t\t{ /* This needs to be within the SlotFillProvider */ }\n\t\t\t\t<PluginArea onError={ onPluginAreaError } />\n\t\t\t\t<Layout { ...props } />\n\t\t\t</GlobalStylesProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_compose","_i18n","_element","_commands","_blockEditor","_editor","_coreCommands","_router","_plugins","_notices","_data","_preferences","_siteHub","_interopRequireWildcard","_resizableFrame","_lockUnlock","_saveKeyboardShortcut","_hooks","_animation","_sidebar","_saveHub","_savePanel","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useCommands","unlock","coreCommandsPrivateApis","useGlobalStyle","blockEditorPrivateApis","NavigableRegion","GlobalStylesProvider","editorPrivateApis","useLocation","routerPrivateApis","ANIMATION_DURATION","Layout","query","name","routeKey","areas","widths","canvas","isMobileViewport","useViewportMatch","toggleRef","useRef","navigateRegionsProps","useNavigateRegions","disableMotion","useReducedMotion","canvasResizer","canvasSize","useResizeObserver","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","useState","animationRef","useMovingAnimation","triggerAnimationOnChange","showIconLabels","useSelect","select","preferencesStore","backgroundColor","gradientValue","previousCanvaMode","usePrevious","useEffect","current","focus","jsxs","Fragment","children","jsx","UnsavedChangesWarning","CommandMenu","ref","className","clsx","mobile","ariaLabel","__","__unstableAnimatePresence","__unstableMotion","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","SidebarNavigationProvider","SidebarContent","shouldAnimate","ErrorBoundary","sidebar","EditorSnackbars","SiteHubMobile","content","style","maxWidth","edit","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","LayoutWithGlobalStylesProvider","props","createErrorNotice","useDispatch","noticesStore","onPluginAreaError","sprintf","SlotFillProvider","PluginArea","onError"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n\tSlotFillProvider,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { CommandMenu } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tEditorSnackbars,\n\tUnsavedChangesWarning,\n\tErrorBoundary,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { PluginArea } from '@wordpress/plugins';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport { default as SiteHub, SiteHubMobile } from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport SaveKeyboardShortcut from '../save-keyboard-shortcut';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useMovingAnimation from './animation';\nimport { SidebarContent, SidebarNavigationProvider } from '../sidebar';\nimport SaveHub from '../save-hub';\nimport SavePanel from '../save-panel';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion, GlobalStylesProvider } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nfunction Layout() {\n\tconst { query, name: routeKey, areas, widths } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tuseCommands();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst navigateRegionsProps = useNavigateRegions();\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: routeKey + '-' + canvas,\n\t} );\n\n\tconst { showIconLabels } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tshowIconLabels: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t};\n\t} );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvas );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t}, [ canvas ] );\n\n\treturn (\n\t\t<>\n\t\t\t<UnsavedChangesWarning />\n\t\t\t<CommandMenu />\n\t\t\t{ canvas === 'view' && <SaveKeyboardShortcut /> }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-full-canvas': canvas === 'edit',\n\t\t\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvas === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t\t<SidebarContent\n\t\t\t\t\t\t\t\t\t\t\t\tshouldAnimate={\n\t\t\t\t\t\t\t\t\t\t\t\t\trouteKey !== 'styles'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\trouteKey={ routeKey }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t{ canvas !== 'edit' ? (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<SiteHubMobile\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\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<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvas !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ErrorBoundary>{ areas.content }</ErrorBoundary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.edit && canvas !== 'edit' && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.edit,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ErrorBoundary>{ areas.edit }</ErrorBoundary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ canvas === 'edit' }\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding /,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default function LayoutWithGlobalStylesProvider( props ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onPluginAreaError( name ) {\n\t\tcreateErrorNotice(\n\t\t\tsprintf(\n\t\t\t\t/ translators: %s: plugin name /\n\t\t\t\t__(\n\t\t\t\t\t'The \"%s\" plugin has encountered an error and cannot be rendered.'\n\t\t\t\t),\n\t\t\t\tname\n\t\t\t)\n\t\t);\n\t}\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<GlobalStylesProvider>\n\t\t\t\t{ /* This needs to be within the SlotFillProvider */ }\n\t\t\t\t<PluginArea onError={ onPluginAreaError } />\n\t\t\t\t<Layout { ...props } />\n\t\t\t</GlobalStylesProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/sidebar-navigation-screen-main/index.js CHANGED Viewed

@@ -89,7 +89,7 @@ function SidebarNavigationScreenMain({
   } else if (isBlockBasedTheme) {
     description = (0, _i18n.__)('Customize the appearance of your website using the block editor.');
   } else {
-    description = (0, _i18n.__)('Explore block styles and patterns to refine your site');
+    description = (0, _i18n.__)('Explore block styles and patterns to refine your site.');
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreen.default, {
     isRoot: true,

package/build/components/sidebar-navigation-screen-main/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_coreData","_sidebarNavigationScreen","_interopRequireDefault","_sidebarNavigationItem","_sidebarNavigationScreenGlobalStyles","_lockUnlock","_store","_jsxRuntime","MainSidebarNavigationContent","isBlockBasedTheme","jsxs","__experimentalItemGroup","className","children","Fragment","jsx","default","uid","to","withChevron","icon","navigation","__","SidebarNavigationItemGlobalStyles","styles","page","layout","symbol","SidebarNavigationScreenMain","customDescription","useSelect","select","coreStore","getCurrentTheme","is_block_theme","setEditorCanvasContainerView","unlock","useDispatch","editSiteStore","useEffect","undefined","description","isRoot","title","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-main\">\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\tto=\"/navigation\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\tto=\"/styles\"\n\t\t\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\n\t\t\t\twithChevron\n\t\t\t\ticon={ symbol }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenMain( { customDescription } ) {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\tlet description;\n\tif ( customDescription ) {\n\t\tdescription = customDescription;\n\t} else if ( isBlockBasedTheme ) {\n\t\tdescription = __(\n\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t);\n\t} else {\n\t\tdescription = __(\n\t\t\t'Explore block styles and patterns to refine your site'\n\t\t);\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ description }\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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~~uDACD~~,CAAC;EACF;EAEA,oBACC,IAAAf,WAAA,CAAAQ,GAAA,EAACd,wBAAA,CAAAe,OAAuB;IACvB0B,MAAM;IACNC,KAAK,EAAG,IAAArB,QAAE,EAAE,QAAS,CAAG;IACxBmB,WAAW,EAAGA,WAAa;IAC3BG,OAAO,eACN,IAAArC,WAAA,CAAAQ,GAAA,EAACP,4BAA4B;MAC5BC,iBAAiB,EAAGA;IAAmB,CACvC;EACD,CACD,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_coreData","_sidebarNavigationScreen","_interopRequireDefault","_sidebarNavigationItem","_sidebarNavigationScreenGlobalStyles","_lockUnlock","_store","_jsxRuntime","MainSidebarNavigationContent","isBlockBasedTheme","jsxs","__experimentalItemGroup","className","children","Fragment","jsx","default","uid","to","withChevron","icon","navigation","__","SidebarNavigationItemGlobalStyles","styles","page","layout","symbol","SidebarNavigationScreenMain","customDescription","useSelect","select","coreStore","getCurrentTheme","is_block_theme","setEditorCanvasContainerView","unlock","useDispatch","editSiteStore","useEffect","undefined","description","isRoot","title","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-main\">\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\tto=\"/navigation\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\tto=\"/styles\"\n\t\t\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\n\t\t\t\twithChevron\n\t\t\t\ticon={ symbol }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenMain( { customDescription } ) {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\tlet description;\n\tif ( customDescription ) {\n\t\tdescription = customDescription;\n\t} else if ( isBlockBasedTheme ) {\n\t\tdescription = __(\n\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t);\n\t} else {\n\t\tdescription = __(\n\t\t\t'Explore block styles and patterns to refine your site.'\n\t\t);\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ description }\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAKA,IAAAM,wBAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,sBAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,oCAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AAAqD,IAAAY,WAAA,GAAAZ,OAAA;AAjBrD;AACA;AACA;;AAQA;AACA;AACA;;AAOO,SAASa,4BAA4BA,CAAE;EAAEC,iBAAiB,GAAG;AAAK,CAAC,EAAG;EAC5E,oBACC,IAAAF,WAAA,CAAAG,IAAA,EAAChB,WAAA,CAAAiB,uBAAS;IAACC,SAAS,EAAC,0CAA0C;IAAAC,QAAA,GAC5DJ,iBAAiB,iBAClB,IAAAF,WAAA,CAAAG,IAAA,EAAAH,WAAA,CAAAO,QAAA;MAAAD,QAAA,gBACC,IAAAN,WAAA,CAAAQ,GAAA,EAACZ,sBAAA,CAAAa,OAAqB;QACrBC,GAAG,EAAC,4BAA4B;QAChCC,EAAE,EAAC,aAAa;QAChBC,WAAW;QACXC,IAAI,EAAGC,iBAAY;QAAAR,QAAA,EAEjB,IAAAS,QAAE,EAAE,YAAa;MAAC,CACE,CAAC,eACxB,IAAAf,WAAA,CAAAQ,GAAA,EAACX,oCAAA,CAAAmB,iCAAiC;QACjCL,EAAE,EAAC,SAAS;QACZD,GAAG,EAAC,+BAA+B;QACnCG,IAAI,EAAGI,aAAQ;QAAAX,QAAA,EAEb,IAAAS,QAAE,EAAE,QAAS;MAAC,CACkB,CAAC,eACpC,IAAAf,WAAA,CAAAQ,GAAA,EAACZ,sBAAA,CAAAa,OAAqB;QACrBC,GAAG,EAAC,sBAAsB;QAC1BC,EAAE,EAAC,OAAO;QACVC,WAAW;QACXC,IAAI,EAAGK,WAAM;QAAAZ,QAAA,EAEX,IAAAS,QAAE,EAAE,OAAQ;MAAC,CACO,CAAC,eACxB,IAAAf,WAAA,CAAAQ,GAAA,EAACZ,sBAAA,CAAAa,OAAqB;QACrBC,GAAG,EAAC,0BAA0B;QAC9BC,EAAE,EAAC,WAAW;QACdC,WAAW;QACXC,IAAI,EAAGM,aAAQ;QAAAb,QAAA,EAEb,IAAAS,QAAE,EAAE,WAAY;MAAC,CACG,CAAC;IAAA,CACvB,CACF,EACC,CAAEb,iBAAiB,iBACpB,IAAAF,WAAA,CAAAQ,GAAA,EAACZ,sBAAA,CAAAa,OAAqB;MACrBC,GAAG,EAAC,2BAA2B;MAC/BC,EAAE,EAAC,YAAY;MACfC,WAAW;MACXC,IAAI,EAAGI,aAAQ;MAAAX,QAAA,EAEb,IAAAS,QAAE,EAAE,QAAS;IAAC,CACM,CACvB,eACD,IAAAf,WAAA,CAAAQ,GAAA,EAACZ,sBAAA,CAAAa,OAAqB;MACrBC,GAAG,EAAC,0BAA0B;MAC9BC,EAAE,EAAC,UAAU;MACbC,WAAW;MACXC,IAAI,EAAGO,aAAQ;MAAAd,QAAA,EAEb,IAAAS,QAAE,EAAE,UAAW;IAAC,CACI,CAAC;EAAA,CACd,CAAC;AAEd;AAEe,SAASM,2BAA2BA,CAAE;EAAEC;AAAkB,CAAC,EAAG;EAC5E,MAAMpB,iBAAiB,GAAG,IAAAqB,eAAS,EAChCC,MAAM,IAAMA,MAAM,CAAEC,eAAU,CAAC,CAACC,eAAe,CAAC,CAAC,EAAEC,cAAc,EACnE,EACD,CAAC;EACD,MAAM;IAAEC;EAA6B,CAAC,GAAG,IAAAC,kBAAM,EAC9C,IAAAC,iBAAW,EAAEC,YAAc,CAC5B,CAAC;;EAED;EACA,IAAAC,kBAAS,EAAE,MAAM;IAChBJ,4BAA4B,CAAEK,SAAU,CAAC;EAC1C,CAAC,EAAE,CAAEL,4BAA4B,CAAG,CAAC;EAErC,IAAIM,WAAW;EACf,IAAKZ,iBAAiB,EAAG;IACxBY,WAAW,GAAGZ,iBAAiB;EAChC,CAAC,MAAM,IAAKpB,iBAAiB,EAAG;IAC/BgC,WAAW,GAAG,IAAAnB,QAAE,EACf,kEACD,CAAC;EACF,CAAC,MAAM;IACNmB,WAAW,GAAG,IAAAnB,QAAE,EACf,wDACD,CAAC;EACF;EAEA,oBACC,IAAAf,WAAA,CAAAQ,GAAA,EAACd,wBAAA,CAAAe,OAAuB;IACvB0B,MAAM;IACNC,KAAK,EAAG,IAAArB,QAAE,EAAE,QAAS,CAAG;IACxBmB,WAAW,EAAGA,WAAa;IAC3BG,OAAO,eACN,IAAArC,WAAA,CAAAQ,GAAA,EAACP,4BAA4B;MAC5BC,iBAAiB,EAAGA;IAAmB,CACvC;EACD,CACD,CAAC;AAEJ","ignoreList":[]}

package/build/components/sidebar-navigation-screen-navigation-menu/more-menu.js CHANGED Viewed

@@ -53,37 +53,35 @@ function ScreenNavigationMoreMenu(props) {
       popoverProps: POPOVER_PROPS,
       children: ({
         onClose
-      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.MenuGroup, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
-            onClick: () => {
-              openRenameModal();
-              // Close the dropdown after opening the modal.
-              onClose();
-            },
-            children: (0, _i18n.__)('Rename')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
-            onClick: () => {
-              history.navigate(`/wp_navigation/${menuId}?canvas=edit`);
-            },
-            children: (0, _i18n.__)('Edit')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
-            onClick: () => {
-              onDuplicate();
-              onClose();
-            },
-            children: (0, _i18n.__)('Duplicate')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
-            isDestructive: true,
-            onClick: () => {
-              openDeleteConfirmDialog();
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.MenuGroup, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+          onClick: () => {
+            openRenameModal();
+            // Close the dropdown after opening the modal.
+            onClose();
+          },
+          children: (0, _i18n.__)('Rename')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+          onClick: () => {
+            history.navigate(`/wp_navigation/${menuId}?canvas=edit`);
+          },
+          children: (0, _i18n.__)('Edit')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+          onClick: () => {
+            onDuplicate();
+            onClose();
+          },
+          children: (0, _i18n.__)('Duplicate')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+          isDestructive: true,
+          onClick: () => {
+            openDeleteConfirmDialog();
-              // Close the dropdown after opening the modal.
-              onClose();
-            },
-            children: (0, _i18n.__)('Delete')
-          })]
-        })
+            // Close the dropdown after opening the modal.
+            onClose();
+          },
+          children: (0, _i18n.__)('Delete')
+        })]
       })
     }), deleteConfirmDialogOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_deleteConfirmDialog.default, {
       onClose: closeModals,

package/build/components/sidebar-navigation-screen-navigation-menu/more-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_icons","_i18n","_element","_router","_renameModal","_interopRequireDefault","_deleteConfirmDialog","_lockUnlock","_jsxRuntime","useHistory","unlock","routerPrivateApis","POPOVER_PROPS","position","ScreenNavigationMoreMenu","props","onDelete","onSave","onDuplicate","menuTitle","menuId","renameModalOpen","setRenameModalOpen","useState","deleteConfirmDialogOpen","setDeleteConfirmDialogOpen","history","closeModals","openRenameModal","openDeleteConfirmDialog","jsxs","Fragment","children","jsx","DropdownMenu","className","label","__","icon","moreVertical","popoverProps","onClose","MenuGroup","MenuItem","onClick","navigate","isDestructive","default","onConfirm"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/more-menu.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { DropdownMenu, MenuItem, MenuGroup } from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport RenameModal from './rename-modal';\nimport DeleteConfirmDialog from './delete-confirm-dialog';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nconst POPOVER_PROPS = {\n\tposition: 'bottom right',\n};\n\nexport default function ScreenNavigationMoreMenu( props ) {\n\tconst { onDelete, onSave, onDuplicate, menuTitle, menuId } = props;\n\n\tconst [ renameModalOpen, setRenameModalOpen ] = useState( false );\n\tconst [ deleteConfirmDialogOpen, setDeleteConfirmDialogOpen ] =\n\t\tuseState( false );\n\n\tconst history = useHistory();\n\n\tconst closeModals = () => {\n\t\tsetRenameModalOpen( false );\n\t\tsetDeleteConfirmDialogOpen( false );\n\t};\n\tconst openRenameModal = () => setRenameModalOpen( true );\n\tconst openDeleteConfirmDialog = () => setDeleteConfirmDialogOpen( true );\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\tclassName=\"sidebar-navigation__more-menu\"\n\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<~~div>\n\t\t\t\t\t\t<~~MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\topenRenameModal();\n\t\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Rename' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\thistory.navigate(\n\t\t\t\t\t\t\t\t\t\t`/wp_navigation/${ menuId }?canvas=edit`\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>\n\t\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonDuplicate();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Duplicate' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\topenDeleteConfirmDialog();\n\n\t\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t~~\t</div>\n\t\t\t\t~~) }\n\t\t\t</DropdownMenu>\n\t\t\t{ deleteConfirmDialogOpen && (\n\t\t\t\t<DeleteConfirmDialog\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tonConfirm={ onDelete }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ renameModalOpen && (\n\t\t\t\t<RenameModal\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tmenuTitle={ menuTitle }\n\t\t\t\t\tonSave={ onSave }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,YAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,oBAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAA2C,IAAAS,WAAA,GAAAT,OAAA;AAd3C;AACA;AACA;;AAOA;AACA;AACA;;AAKA,MAAM;EAAEU;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAElD,MAAMC,aAAa,GAAG;EACrBC,QAAQ,EAAE;AACX,CAAC;AAEc,SAASC,wBAAwBA,CAAEC,KAAK,EAAG;EACzD,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAElE,MAAM,CAAEM,eAAe,EAAEC,kBAAkB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACjE,MAAM,CAAEC,uBAAuB,EAAEC,0BAA0B,CAAE,GAC5D,IAAAF,iBAAQ,EAAE,KAAM,CAAC;EAElB,MAAMG,OAAO,GAAGjB,UAAU,CAAC,CAAC;EAE5B,MAAMkB,WAAW,GAAGA,CAAA,KAAM;IACzBL,kBAAkB,CAAE,KAAM,CAAC;IAC3BG,0BAA0B,CAAE,KAAM,CAAC;EACpC,CAAC;EACD,MAAMG,eAAe,GAAGA,CAAA,KAAMN,kBAAkB,CAAE,IAAK,CAAC;EACxD,MAAMO,uBAAuB,GAAGA,CAAA,KAAMJ,0BAA0B,CAAE,IAAK,CAAC;EAExE,oBACC,IAAAjB,WAAA,CAAAsB,IAAA,EAAAtB,WAAA,CAAAuB,QAAA;IAAAC,QAAA,gBACC,IAAAxB,WAAA,CAAAyB,GAAA,EAACnC,WAAA,CAAAoC,YAAY;MACZC,SAAS,EAAC,+BAA+B;MACzCC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;MACzBC,IAAI,EAAGC,mBAAc;MACrBC,YAAY,EAAG5B,aAAe;MAAAoB,QAAA,EAE5BA,CAAE;QAAES;MAAQ,CAAC,kBACd,IAAAjC,WAAA,~~CAAAyB,GAAA;QAAAD,QAAA,eACC,IAAAxB,WAAA,~~CAAAsB,IAAA,EAAChC,WAAA,CAAA4C,SAAS;~~UAAAV~~,QAAA,gBACT,IAAAxB,WAAA,CAAAyB,GAAA,EAACnC,WAAA,CAAA6C,QAAQ;~~YACRC~~,OAAO,EAAGA,CAAA,KAAM;~~cACfhB~~,eAAe,CAAC,CAAC;~~cACjB~~;~~cACAa~~,OAAO,CAAC,CAAC;~~YACV~~,CAAG;~~YAAAT~~,QAAA,EAED,IAAAK,QAAE,EAAE,QAAS;~~UAAC~~,CACP,CAAC,eACX,IAAA7B,WAAA,CAAAyB,GAAA,EAACnC,WAAA,CAAA6C,QAAQ;~~YACRC~~,OAAO,EAAGA,CAAA,KAAM;~~cACflB~~,OAAO,CAACmB,QAAQ,CACf,kBAAmBzB,MAAM,cAC1B,CAAC;~~YACF~~,CAAG;~~YAAAY~~,QAAA,EAED,IAAAK,QAAE,EAAE,MAAO;~~UAAC~~,CACL,CAAC,eACX,IAAA7B,WAAA,CAAAyB,GAAA,EAACnC,WAAA,CAAA6C,QAAQ;~~YACRC~~,OAAO,EAAGA,CAAA,KAAM;~~cACf1B~~,WAAW,CAAC,CAAC;~~cACbuB~~,OAAO,CAAC,CAAC;~~YACV~~,CAAG;~~YAAAT~~,QAAA,EAED,IAAAK,QAAE,EAAE,WAAY;~~UAAC~~,CACV,CAAC,eACX,IAAA7B,WAAA,CAAAyB,GAAA,EAACnC,WAAA,CAAA6C,QAAQ;~~YACRG~~,aAAa;~~YACbF~~,OAAO,EAAGA,CAAA,KAAM;~~cACff~~,uBAAuB,CAAC,CAAC;;~~cAEzB~~;~~cACAY~~,OAAO,CAAC,CAAC;~~YACV~~,CAAG;~~YAAAT~~,QAAA,EAED,IAAAK,QAAE,EAAE,QAAS;~~UAAC~~,CACP,CAAC;~~QAAA~~,CACD;~~MAAC~~,~~CACR;IACL,~~CACY,CAAC,EACbb,uBAAuB,iBACxB,IAAAhB,WAAA,CAAAyB,GAAA,EAAC3B,oBAAA,CAAAyC,OAAmB;MACnBN,OAAO,EAAGd,WAAa;MACvBqB,SAAS,EAAGhC;IAAU,CACtB,CACD,EACCK,eAAe,iBAChB,IAAAb,WAAA,CAAAyB,GAAA,EAAC7B,YAAA,CAAA2C,OAAW;MACXN,OAAO,EAAGd,WAAa;MACvBR,SAAS,EAAGA,SAAW;MACvBF,MAAM,EAAGA;IAAQ,CACjB,CACD;EAAA,CACA,CAAC;AAEL","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_icons","_i18n","_element","_router","_renameModal","_interopRequireDefault","_deleteConfirmDialog","_lockUnlock","_jsxRuntime","useHistory","unlock","routerPrivateApis","POPOVER_PROPS","position","ScreenNavigationMoreMenu","props","onDelete","onSave","onDuplicate","menuTitle","menuId","renameModalOpen","setRenameModalOpen","useState","deleteConfirmDialogOpen","setDeleteConfirmDialogOpen","history","closeModals","openRenameModal","openDeleteConfirmDialog","jsxs","Fragment","children","jsx","DropdownMenu","className","label","__","icon","moreVertical","popoverProps","onClose","MenuGroup","MenuItem","onClick","navigate","isDestructive","default","onConfirm"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/more-menu.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { DropdownMenu, MenuItem, MenuGroup } from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport RenameModal from './rename-modal';\nimport DeleteConfirmDialog from './delete-confirm-dialog';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nconst POPOVER_PROPS = {\n\tposition: 'bottom right',\n};\n\nexport default function ScreenNavigationMoreMenu( props ) {\n\tconst { onDelete, onSave, onDuplicate, menuTitle, menuId } = props;\n\n\tconst [ renameModalOpen, setRenameModalOpen ] = useState( false );\n\tconst [ deleteConfirmDialogOpen, setDeleteConfirmDialogOpen ] =\n\t\tuseState( false );\n\n\tconst history = useHistory();\n\n\tconst closeModals = () => {\n\t\tsetRenameModalOpen( false );\n\t\tsetDeleteConfirmDialogOpen( false );\n\t};\n\tconst openRenameModal = () => setRenameModalOpen( true );\n\tconst openDeleteConfirmDialog = () => setDeleteConfirmDialogOpen( true );\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\tclassName=\"sidebar-navigation__more-menu\"\n\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\topenRenameModal();\n\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Rename' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thistory.navigate(\n\t\t\t\t\t\t\t\t\t`/wp_navigation/${ menuId }?canvas=edit`\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonDuplicate();\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Duplicate' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\topenDeleteConfirmDialog();\n\n\t\t\t\t\t\t\t\t// Close the dropdown after opening the modal.\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t\t{ deleteConfirmDialogOpen && (\n\t\t\t\t<DeleteConfirmDialog\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tonConfirm={ onDelete }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ renameModalOpen && (\n\t\t\t\t<RenameModal\n\t\t\t\t\tonClose={ closeModals }\n\t\t\t\t\tmenuTitle={ menuTitle }\n\t\t\t\t\tonSave={ onSave }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/editor/site-preview.js CHANGED Viewed

@@ -4,6 +4,8 @@
 import { __ } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
+import { focus } from '@wordpress/dom';
+import { addQueryArgs } from '@wordpress/url';
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function SitePreview() {
   const siteUrl = useSelect(select => {
@@ -13,10 +15,11 @@ export default function SitePreview() {
     const siteData = getEntityRecord('root', '__unstableBase');
     return siteData?.home;
   }, []);
-  // If theme is block based, return the Editor, otherwise return the site preview.
   return /*#__PURE__*/_jsx("iframe", {
-    src: siteUrl,
+    src: addQueryArgs(siteUrl, {
+      // Parameter for hiding the admin bar.
+      wp_site_preview: 1
+    }),
     title: __('Site Preview'),
     style: {
       display: 'block',
@@ -25,14 +28,10 @@ export default function SitePreview() {
       backgroundColor: '#fff'
     },
     onLoad: event => {
-      // Hide the admin bar in the front-end preview.
-      const document = event.target.contentDocument;
-      document.getElementById('wpadminbar').remove();
-      document.getElementsByTagName('html')[0].setAttribute('style', 'margin-top: 0 !important;');
-      document.getElementsByTagName('body')[0].classList.remove('admin-bar');
       // Make interactive elements unclickable.
-      const interactiveElements = document.querySelectorAll('a, button, input, details, audio');
-      interactiveElements.forEach(element => {
+      const document = event.target.contentDocument;
+      const focusableElements = focus.focusable.find(document);
+      focusableElements.forEach(element => {
         element.style.pointerEvents = 'none';
         element.tabIndex = -1;
         element.setAttribute('aria-hidden', 'true');

package/build-module/components/editor/site-preview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__","useSelect","store","coreStore","jsx","_jsx","SitePreview","siteUrl","select","getEntityRecord","siteData","home","src","title","style","display","width","height","backgroundColor","onLoad","event","document","target","contentDocument","~~getElementById~~","~~remove~~","~~getElementsByTagName~~","~~setAttribute","classList","interactiveElements","querySelectorAll","~~forEach","element","pointerEvents","tabIndex"],"sources":["@wordpress/edit-site/src/components/editor/site-preview.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\nexport default function SitePreview() {\n\tconst siteUrl = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase' );\n\t\treturn siteData?.home;\n\t}, [] );\n\n\t// If ~~theme is block based~~, ~~return~~ ~~the~~ ~~Editor,~~ ~~otherwise~~ ~~return~~ the ~~site~~ ~~preview~~.\n\~~treturn (~~\n\t\t~~<iframe~~\n\t\t\~~tsrc={~~ ~~siteUrl~~ }\n\t\t\ttitle={ __( 'Site Preview' ) }\n\t\t\tstyle={ {\n\t\t\t\tdisplay: 'block',\n\t\t\t\twidth: '100%',\n\t\t\t\theight: '100%',\n\t\t\t\tbackgroundColor: '#fff',\n\t\t\t} }\n\t\t\tonLoad={ ( event ) => {\n\t\t\t\t// ~~Hide~~ ~~the~~ ~~admin~~ ~~bar in the front-end preview~~.\n\t\t\t\tconst document = event.target.contentDocument;\n\t\t\t\~~tdocument.getElementById(~~ ~~'wpadminbar'~~ ~~).remove();\n\t\t\t\tdocument\n\t\t\t\t\t.getElementsByTagName(~~ ~~'html' )[ 0 ]\n\t\t\t\t\t~~.~~setAttribute( 'style', 'margin-top: 0 !important;' );\n\t\t\t\tdocument\n\t\t\t\t\t~~.~~getElementsByTagName~~( ~~'body' )[ 0 ]\n\t\t\t\t\t.classList.remove( 'admin-bar' );\n\t\t\t\t// Make interactive elements unclickable.\n\t\t\t\tconst interactiveElements =~~ document~~.querySelectorAll(\n\t\t\t\t\t'a,~~ ~~button, input, details, audio'\n\t\t\t\t~~);\n\t\t\t\~~tinteractiveElements~~.forEach( ( element ) => {\n\t\t\t\t\telement.style.pointerEvents = 'none';\n\t\t\t\t\telement.tabIndex = -1;\n\t\t\t\t\telement.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;~~AAE1D~~,eAAe,SAASC,WAAWA,CAAA,EAAG;EACrC,MAAMC,OAAO,~~GAAGN~~,SAAS,~~CAAIO~~,MAAM,IAAM;IACxC,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,~~CAAEL~~,SAAU,CAAC;IAC/C,~~MAAMO~~,QAAQ,GAAGD,eAAe,CAAE,MAAM,EAAE,gBAAiB,CAAC;IAC5D,OAAOC,QAAQ,EAAEC,IAAI;EACtB,CAAC,EAAE,EAAG,CAAC;;EAEP~~;EACA~~,oBACCN,IAAA;IACCO,GAAG,~~EAAGL~~,~~OAAS~~;~~IACfM~~,KAAK,~~EAAGb~~,EAAE,CAAE,cAAe,CAAG;~~IAC9Bc~~,KAAK,EAAG;MACPC,OAAO,EAAE,OAAO;MAChBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,eAAe,EAAE;IAClB,CAAG;IACHC,MAAM,EAAKC,KAAK,IAAM;MACrB;MACA,MAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAM,CAACC,eAAe;~~MAC7CF~~,~~QAAQ~~,~~CAACG~~,~~cAAc~~,~~CAAE~~,~~YAAa~~,~~CAAC~~,CAACC,~~MAAM~~,~~CAAC~~,~~CAAC;MAChDJ~~,~~QAAQ,CACNK,oBAAoB,CAAE,MAAO,~~CAAC~~,CAAE,CAAC,CAAE,CACnCC,YAAY,CAAE,OAAO,EAAE,2BAA4B,CAAC~~;~~MACtDN~~,~~QAAQ~~,~~CACNK~~,~~oBAAoB,CAAE,MAAO,CAAC,CAAE,CAAC,CAAE,CACnCE,SAAS,CAACH,MAAM,CAAE,WAAY,CAAC;MACjC;MACA,MAAMI,mBAAmB,GAAGR,QAAQ,CAACS,gBAAgB,CACpD,kCACD,CAAC;MACDD,mBAAmB,CAACE,~~OAAO,CAAIC,OAAO,IAAM;~~QAC3CA~~,OAAO,~~CAAClB~~,KAAK,~~CAACmB~~,aAAa,GAAG,MAAM;QACpCD,OAAO,CAACE,QAAQ,GAAG,CAAC,CAAC;QACrBF,OAAO,~~CAACL~~,YAAY,CAAE,aAAa,EAAE,MAAO,CAAC;MAC9C,CAAE,CAAC;IACJ;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["__","useSelect","store","coreStore","focus","addQueryArgs","jsx","_jsx","SitePreview","siteUrl","select","getEntityRecord","siteData","home","src","wp_site_preview","title","style","display","width","height","backgroundColor","onLoad","event","document","target","contentDocument","focusableElements","focusable","find","forEach","element","pointerEvents","tabIndex","setAttribute"],"sources":["@wordpress/edit-site/src/components/editor/site-preview.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { focus } from '@wordpress/dom';\nimport { addQueryArgs } from '@wordpress/url';\n\nexport default function SitePreview() {\n\tconst siteUrl = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase' );\n\t\treturn siteData?.home;\n\t}, [] );\n\n\treturn (\n\t\t<iframe\n\t\t\tsrc={ addQueryArgs( siteUrl, {\n\t\t\t\t// Parameter for hiding the admin bar.\n\t\t\t\twp_site_preview: 1,\n\t\t\t} ) }\n\t\t\ttitle={ __( 'Site Preview' ) }\n\t\t\tstyle={ {\n\t\t\t\tdisplay: 'block',\n\t\t\t\twidth: '100%',\n\t\t\t\theight: '100%',\n\t\t\t\tbackgroundColor: '#fff',\n\t\t\t} }\n\t\t\tonLoad={ ( event ) => {\n\t\t\t\t// Make interactive elements unclickable.\n\t\t\t\tconst document = event.target.contentDocument;\n\t\t\t\tconst focusableElements = focus.focusable.find( document );\n\t\t\t\tfocusableElements.forEach( ( element ) => {\n\t\t\t\t\telement.style.pointerEvents = 'none';\n\t\t\t\t\telement.tabIndex = -1;\n\t\t\t\t\telement.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,YAAY,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,eAAe,SAASC,WAAWA,CAAA,EAAG;EACrC,MAAMC,OAAO,GAAGR,SAAS,CAAIS,MAAM,IAAM;IACxC,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEP,SAAU,CAAC;IAC/C,MAAMS,QAAQ,GAAGD,eAAe,CAAE,MAAM,EAAE,gBAAiB,CAAC;IAC5D,OAAOC,QAAQ,EAAEC,IAAI;EACtB,CAAC,EAAE,EAAG,CAAC;EAEP,oBACCN,IAAA;IACCO,GAAG,EAAGT,YAAY,CAAEI,OAAO,EAAE;MAC5B;MACAM,eAAe,EAAE;IAClB,CAAE,CAAG;IACLC,KAAK,EAAGhB,EAAE,CAAE,cAAe,CAAG;IAC9BiB,KAAK,EAAG;MACPC,OAAO,EAAE,OAAO;MAChBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,eAAe,EAAE;IAClB,CAAG;IACHC,MAAM,EAAKC,KAAK,IAAM;MACrB;MACA,MAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAM,CAACC,eAAe;MAC7C,MAAMC,iBAAiB,GAAGvB,KAAK,CAACwB,SAAS,CAACC,IAAI,CAAEL,QAAS,CAAC;MAC1DG,iBAAiB,CAACG,OAAO,CAAIC,OAAO,IAAM;QACzCA,OAAO,CAACd,KAAK,CAACe,aAAa,GAAG,MAAM;QACpCD,OAAO,CAACE,QAAQ,GAAG,CAAC,CAAC;QACrBF,OAAO,CAACG,YAAY,CAAE,aAAa,EAAE,MAAO,CAAC;MAC9C,CAAE,CAAC;IACJ;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/global-styles/shadows-panel.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * WordPress dependencies
  */
-import { __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalItemGroup as ItemGroup, Button, Flex, FlexItem, privateApis as componentsPrivateApis } from '@wordpress/components';
+import { __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalItemGroup as ItemGroup, Button, FlexItem, privateApis as componentsPrivateApis } from '@wordpress/components';
 import { __, sprintf, isRTL } from '@wordpress/i18n';
 import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { plus, Icon, chevronLeft, chevronRight, moreVertical } from '@wordpress/icons';
@@ -93,37 +93,33 @@ function ShadowList({
     spacing: 2,
     children: [/*#__PURE__*/_jsxs(HStack, {
       justify: "space-between",
-      children: [/*#__PURE__*/_jsx(Flex, {
-        align: "center",
-        className: "edit-site-global-styles__shadows-panel__title",
-        children: /*#__PURE__*/_jsx(Subtitle, {
-          level: 3,
-          children: label
-        })
-      }), canCreate && /*#__PURE__*/_jsx(FlexItem, {
+      children: [/*#__PURE__*/_jsx(Subtitle, {
+        level: 3,
+        children: label
+      }), /*#__PURE__*/_jsxs(FlexItem, {
         className: "edit-site-global-styles__shadows-panel__options-container",
-        children: /*#__PURE__*/_jsx(Button, {
+        children: [canCreate && /*#__PURE__*/_jsx(Button, {
           size: "small",
           icon: plus,
           label: __('Add shadow'),
           onClick: () => {
             handleAddShadow();
           }
-        })
-      }), !!shadows?.length && category === 'custom' && /*#__PURE__*/_jsxs(Menu, {
-        children: [/*#__PURE__*/_jsx(Menu.TriggerButton, {
-          render: /*#__PURE__*/_jsx(Button, {
-            size: "small",
-            icon: moreVertical,
-            label: __('Shadow options')
-          })
-        }), /*#__PURE__*/_jsx(Menu.Popover, {
-          children: /*#__PURE__*/_jsx(Menu.Item, {
-            onClick: onReset,
-            children: /*#__PURE__*/_jsx(Menu.ItemLabel, {
-              children: __('Remove all custom shadows')
+        }), !!shadows?.length && category === 'custom' && /*#__PURE__*/_jsxs(Menu, {
+          children: [/*#__PURE__*/_jsx(Menu.TriggerButton, {
+            render: /*#__PURE__*/_jsx(Button, {
+              size: "small",
+              icon: moreVertical,
+              label: __('Shadow options')
             })
-          })
+          }), /*#__PURE__*/_jsx(Menu.Popover, {
+            children: /*#__PURE__*/_jsx(Menu.Item, {
+              onClick: onReset,
+              children: /*#__PURE__*/_jsx(Menu.ItemLabel, {
+                children: __('Remove all custom shadows')
+              })
+            })
+          })]
         })]
       })]
     }), shadows.length > 0 && /*#__PURE__*/_jsx(ItemGroup, {