@wordpress/edit-site 6.31.1-next.f56bd8138.0 → 6.32.1-next.47f435fc9.0

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

@@ -1,58 +1,49 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { __unstableMotion as motion, __unstableAnimatePresence as AnimatePresence, __unstableUseNavigateRegions as useNavigateRegions, SlotFillProvider } from '@wordpress/components';
-import { useReducedMotion, useViewportMatch, useResizeObserver, usePrevious } from '@wordpress/compose';
-import { __, sprintf } from '@wordpress/i18n';
-import { useState, useRef, useEffect } from '@wordpress/element';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { EditorSnackbars, UnsavedChangesWarning, ErrorBoundary, privateApis as editorPrivateApis } from '@wordpress/editor';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { PluginArea } from '@wordpress/plugins';
-import { store as noticesStore } from '@wordpress/notices';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { store as preferencesStore } from '@wordpress/preferences';
-
-/**
- * Internal dependencies
- */
-import { default as SiteHub, SiteHubMobile } from '../site-hub';
-import ResizableFrame from '../resizable-frame';
-import { unlock } from '../../lock-unlock';
-import SaveKeyboardShortcut from '../save-keyboard-shortcut';
-import { useIsSiteEditorLoading } from './hooks';
-import useMovingAnimation from './animation';
-import { SidebarContent, SidebarNavigationProvider } from '../sidebar';
-import SaveHub from '../save-hub';
-import SavePanel from '../save-panel';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const {
-  useGlobalStyle
-} = unlock(blockEditorPrivateApis);
-const {
-  NavigableRegion,
-  GlobalStylesProvider
-} = unlock(editorPrivateApis);
-const {
-  useLocation
-} = unlock(routerPrivateApis);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { NavigableRegion } from "@wordpress/admin-ui";
+import {
+  __unstableMotion as motion,
+  __unstableAnimatePresence as AnimatePresence,
+  __unstableUseNavigateRegions as useNavigateRegions,
+  SlotFillProvider
+} from "@wordpress/components";
+import {
+  useReducedMotion,
+  useViewportMatch,
+  useResizeObserver,
+  usePrevious
+} from "@wordpress/compose";
+import { __, sprintf } from "@wordpress/i18n";
+import { useState, useRef, useEffect } from "@wordpress/element";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import {
+  EditorSnackbars,
+  UnsavedChangesWarning,
+  ErrorBoundary,
+  privateApis as editorPrivateApis
+} from "@wordpress/editor";
+import { privateApis as routerPrivateApis } from "@wordpress/router";
+import { PluginArea } from "@wordpress/plugins";
+import { store as noticesStore } from "@wordpress/notices";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { store as preferencesStore } from "@wordpress/preferences";
+import { default as SiteHub, SiteHubMobile } from "../site-hub";
+import ResizableFrame from "../resizable-frame";
+import { unlock } from "../../lock-unlock";
+import SaveKeyboardShortcut from "../save-keyboard-shortcut";
+import { useIsSiteEditorLoading } from "./hooks";
+import useMovingAnimation from "./animation";
+import { SidebarContent, SidebarNavigationProvider } from "../sidebar";
+import SaveHub from "../save-hub";
+import SavePanel from "../save-panel";
+const { useGlobalStyle } = unlock(blockEditorPrivateApis);
+const { GlobalStylesProvider } = unlock(editorPrivateApis);
+const { useLocation } = unlock(routerPrivateApis);
 const ANIMATION_DURATION = 0.3;
 function Layout() {
-  const {
-    query,
-    name: routeKey,
-    areas,
-    widths
-  } = useLocation();
-  const {
-    canvas = 'view'
-  } = query;
-  const isMobileViewport = useViewportMatch('medium', '<');
+  const { query, name: routeKey, areas, widths } = useLocation();
+  const { canvas = "view" } = query;
+  const isMobileViewport = useViewportMatch("medium", "<");
   const toggleRef = useRef();
   const navigateRegionsProps = useNavigateRegions();
   const disableMotion = useReducedMotion();
@@ -60,148 +51,173 @@ function Layout() {
   const isEditorLoading = useIsSiteEditorLoading();
   const [isResizableFrameOversized, setIsResizableFrameOversized] = useState(false);
   const animationRef = useMovingAnimation({
-    triggerAnimationOnChange: routeKey + '-' + canvas
+    triggerAnimationOnChange: routeKey + "-" + canvas
   });
-  const {
-    showIconLabels
-  } = useSelect(select => {
+  const { showIconLabels } = useSelect((select) => {
     return {
-      showIconLabels: select(preferencesStore).get('core', 'showIconLabels')
+      showIconLabels: select(preferencesStore).get(
+        "core",
+        "showIconLabels"
+      )
     };
   });
-  const [backgroundColor] = useGlobalStyle('color.background');
-  const [gradientValue] = useGlobalStyle('color.gradient');
+  const [backgroundColor] = useGlobalStyle("color.background");
+  const [gradientValue] = useGlobalStyle("color.gradient");
   const previousCanvaMode = usePrevious(canvas);
   useEffect(() => {
-    if (previousCanvaMode === 'edit') {
+    if (previousCanvaMode === "edit") {
       toggleRef.current?.focus();
     }
-    // Should not depend on the previous canvas mode value but the next.
   }, [canvas]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(UnsavedChangesWarning, {}), canvas === 'view' && /*#__PURE__*/_jsx(SaveKeyboardShortcut, {}), /*#__PURE__*/_jsx("div", {
-      ...navigateRegionsProps,
-      ref: navigateRegionsProps.ref,
-      className: clsx('edit-site-layout', navigateRegionsProps.className, {
-        'is-full-canvas': canvas === 'edit',
-        'show-icon-labels': showIconLabels
-      }),
-      children: /*#__PURE__*/_jsxs("div", {
-        className: "edit-site-layout__content",
-        children: [(!isMobileViewport || !areas.mobile) && /*#__PURE__*/_jsx(NavigableRegion, {
-          ariaLabel: __('Navigation'),
-          className: "edit-site-layout__sidebar-region",
-          children: /*#__PURE__*/_jsx(AnimatePresence, {
-            children: canvas === 'view' && /*#__PURE__*/_jsxs(motion.div, {
-              initial: {
-                opacity: 0
-              },
-              animate: {
-                opacity: 1
-              },
-              exit: {
-                opacity: 0
-              },
-              transition: {
-                type: 'tween',
-                duration:
-                // Disable transition in mobile to emulate a full page transition.
-                disableMotion || isMobileViewport ? 0 : ANIMATION_DURATION,
-                ease: 'easeOut'
-              },
-              className: "edit-site-layout__sidebar",
-              children: [/*#__PURE__*/_jsx(SiteHub, {
-                ref: toggleRef,
-                isTransparent: isResizableFrameOversized
-              }), /*#__PURE__*/_jsx(SidebarNavigationProvider, {
-                children: /*#__PURE__*/_jsx(SidebarContent, {
-                  shouldAnimate: routeKey !== 'styles',
-                  routeKey: routeKey,
-                  children: /*#__PURE__*/_jsx(ErrorBoundary, {
-                    children: areas.sidebar
-                  })
-                })
-              }), /*#__PURE__*/_jsx(SaveHub, {}), /*#__PURE__*/_jsx(SavePanel, {})]
-            })
-          })
-        }), /*#__PURE__*/_jsx(EditorSnackbars, {}), isMobileViewport && areas.mobile && /*#__PURE__*/_jsx("div", {
-          className: "edit-site-layout__mobile",
-          children: /*#__PURE__*/_jsx(SidebarNavigationProvider, {
-            children: canvas !== 'edit' ? /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx(SiteHubMobile, {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(UnsavedChangesWarning, {}),
+    canvas === "view" && /* @__PURE__ */ jsx(SaveKeyboardShortcut, {}),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...navigateRegionsProps,
+        ref: navigateRegionsProps.ref,
+        className: clsx(
+          "edit-site-layout",
+          navigateRegionsProps.className,
+          {
+            "is-full-canvas": canvas === "edit",
+            "show-icon-labels": showIconLabels
+          }
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "edit-site-layout__content", children: [
+          (!isMobileViewport || !areas.mobile) && /* @__PURE__ */ jsx(
+            NavigableRegion,
+            {
+              ariaLabel: __("Navigation"),
+              className: "edit-site-layout__sidebar-region",
+              children: /* @__PURE__ */ jsx(AnimatePresence, { children: canvas === "view" && /* @__PURE__ */ jsxs(
+                motion.div,
+                {
+                  initial: { opacity: 0 },
+                  animate: { opacity: 1 },
+                  exit: { opacity: 0 },
+                  transition: {
+                    type: "tween",
+                    duration: (
+                      // Disable transition in mobile to emulate a full page transition.
+                      disableMotion || isMobileViewport ? 0 : ANIMATION_DURATION
+                    ),
+                    ease: "easeOut"
+                  },
+                  className: "edit-site-layout__sidebar",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      SiteHub,
+                      {
+                        ref: toggleRef,
+                        isTransparent: isResizableFrameOversized
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(SidebarNavigationProvider, { children: /* @__PURE__ */ jsx(
+                      SidebarContent,
+                      {
+                        shouldAnimate: routeKey !== "styles",
+                        routeKey,
+                        children: /* @__PURE__ */ jsx(ErrorBoundary, { children: areas.sidebar })
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(SaveHub, {}),
+                    /* @__PURE__ */ jsx(SavePanel, {})
+                  ]
+                }
+              ) })
+            }
+          ),
+          /* @__PURE__ */ jsx(EditorSnackbars, {}),
+          isMobileViewport && areas.mobile && /* @__PURE__ */ jsx("div", { className: "edit-site-layout__mobile", children: /* @__PURE__ */ jsx(SidebarNavigationProvider, { children: canvas !== "edit" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              SiteHubMobile,
+              {
                 ref: toggleRef,
                 isTransparent: isResizableFrameOversized
-              }), /*#__PURE__*/_jsx(SidebarContent, {
-                routeKey: routeKey,
-                children: /*#__PURE__*/_jsx(ErrorBoundary, {
-                  children: areas.mobile
-                })
-              }), /*#__PURE__*/_jsx(SaveHub, {}), /*#__PURE__*/_jsx(SavePanel, {})]
-            }) : /*#__PURE__*/_jsx(ErrorBoundary, {
-              children: areas.mobile
-            })
-          })
-        }), !isMobileViewport && areas.content && canvas !== 'edit' && /*#__PURE__*/_jsx("div", {
-          className: "edit-site-layout__area",
-          style: {
-            maxWidth: widths?.content
-          },
-          children: /*#__PURE__*/_jsx(ErrorBoundary, {
-            children: areas.content
-          })
-        }), !isMobileViewport && areas.edit && canvas !== 'edit' && /*#__PURE__*/_jsx("div", {
-          className: "edit-site-layout__area",
-          style: {
-            maxWidth: widths?.edit
-          },
-          children: /*#__PURE__*/_jsx(ErrorBoundary, {
-            children: areas.edit
-          })
-        }), !isMobileViewport && areas.preview && /*#__PURE__*/_jsxs("div", {
-          className: "edit-site-layout__canvas-container",
-          children: [canvasResizer, !!canvasSize.width && /*#__PURE__*/_jsx("div", {
-            className: clsx('edit-site-layout__canvas', {
-              'is-right-aligned': isResizableFrameOversized
-            }),
-            ref: animationRef,
-            children: /*#__PURE__*/_jsx(ErrorBoundary, {
-              children: /*#__PURE__*/_jsx(ResizableFrame, {
-                isReady: !isEditorLoading,
-                isFullWidth: canvas === 'edit',
-                defaultSize: {
-                  width: canvasSize.width - 24 /* $canvas-padding */,
-                  height: canvasSize.height
-                },
-                isOversized: isResizableFrameOversized,
-                setIsOversized: setIsResizableFrameOversized,
-                innerContentStyle: {
-                  background: gradientValue !== null && gradientValue !== void 0 ? gradientValue : backgroundColor
-                },
-                children: areas.preview
-              })
-            })
-          })]
-        })]
-      })
-    })]
-  });
+              }
+            ),
+            /* @__PURE__ */ jsx(SidebarContent, { routeKey, children: /* @__PURE__ */ jsx(ErrorBoundary, { children: areas.mobile }) }),
+            /* @__PURE__ */ jsx(SaveHub, {}),
+            /* @__PURE__ */ jsx(SavePanel, {})
+          ] }) : /* @__PURE__ */ jsx(ErrorBoundary, { children: areas.mobile }) }) }),
+          !isMobileViewport && areas.content && canvas !== "edit" && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "edit-site-layout__area",
+              style: {
+                maxWidth: widths?.content
+              },
+              children: /* @__PURE__ */ jsx(ErrorBoundary, { children: areas.content })
+            }
+          ),
+          !isMobileViewport && areas.edit && canvas !== "edit" && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "edit-site-layout__area",
+              style: {
+                maxWidth: widths?.edit
+              },
+              children: /* @__PURE__ */ jsx(ErrorBoundary, { children: areas.edit })
+            }
+          ),
+          !isMobileViewport && areas.preview && /* @__PURE__ */ jsxs("div", { className: "edit-site-layout__canvas-container", children: [
+            canvasResizer,
+            !!canvasSize.width && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clsx(
+                  "edit-site-layout__canvas",
+                  {
+                    "is-right-aligned": isResizableFrameOversized
+                  }
+                ),
+                ref: animationRef,
+                children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(
+                  ResizableFrame,
+                  {
+                    isReady: !isEditorLoading,
+                    isFullWidth: canvas === "edit",
+                    defaultSize: {
+                      width: canvasSize.width - 24,
+                      height: canvasSize.height
+                    },
+                    isOversized: isResizableFrameOversized,
+                    setIsOversized: setIsResizableFrameOversized,
+                    innerContentStyle: {
+                      background: gradientValue ?? backgroundColor
+                    },
+                    children: areas.preview
+                  }
+                ) })
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
 }
-export default function LayoutWithGlobalStylesProvider(props) {
-  const {
-    createErrorNotice
-  } = useDispatch(noticesStore);
+function LayoutWithGlobalStylesProvider(props) {
+  const { createErrorNotice } = useDispatch(noticesStore);
   function onPluginAreaError(name) {
-    createErrorNotice(sprintf(/* translators: %s: plugin name */
-    __('The "%s" plugin has encountered an error and cannot be rendered.'), name));
+    createErrorNotice(
+      sprintf(
+        /* translators: %s: plugin name */
+        __(
+          'The "%s" plugin has encountered an error and cannot be rendered.'
+        ),
+        name
+      )
+    );
   }
-  return /*#__PURE__*/_jsx(SlotFillProvider, {
-    children: /*#__PURE__*/_jsxs(GlobalStylesProvider, {
-      children: [/*#__PURE__*/_jsx(PluginArea, {
-        onError: onPluginAreaError
-      }), /*#__PURE__*/_jsx(Layout, {
-        ...props
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsx(SlotFillProvider, { children: /* @__PURE__ */ jsxs(GlobalStylesProvider, { children: [
+    /* @__PURE__ */ jsx(PluginArea, { onError: onPluginAreaError }),
+    /* @__PURE__ */ jsx(Layout, { ...props })
+  ] }) });
 }
-//# sourceMappingURL=index.js.map
+export {
+  LayoutWithGlobalStylesProvider as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","SlotFillProvider","useReducedMotion","useViewportMatch","useResizeObserver","usePrevious","__","sprintf","useState","useRef","useEffect","privateApis","blockEditorPrivateApis","EditorSnackbars","UnsavedChangesWarning","ErrorBoundary","editorPrivateApis","routerPrivateApis","PluginArea","store","noticesStore","useDispatch","useSelect","preferencesStore","default","SiteHub","SiteHubMobile","ResizableFrame","unlock","SaveKeyboardShortcut","useIsSiteEditorLoading","useMovingAnimation","SidebarContent","SidebarNavigationProvider","SaveHub","SavePanel","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalStyle","NavigableRegion","GlobalStylesProvider","useLocation","ANIMATION_DURATION","Layout","query","name","routeKey","areas","widths","canvas","isMobileViewport","toggleRef","navigateRegionsProps","disableMotion","canvasResizer","canvasSize","isEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","animationRef","triggerAnimationOnChange","showIconLabels","select","get","backgroundColor","gradientValue","previousCanvaMode","current","focus","children","ref","className","mobile","ariaLabel","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","shouldAnimate","sidebar","content","style","maxWidth","edit","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","LayoutWithGlobalStylesProvider","props","createErrorNotice","onPluginAreaError","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 { 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 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 { 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\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{ 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":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/layout/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { NavigableRegion } from '@wordpress/admin-ui';\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 { 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 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 { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { 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\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{ 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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",
+  "names": []
+}

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

@@ -1,26 +1,18 @@
-/**
- * WordPress dependencies
- */
-import { useEntityRecord } from '@wordpress/core-data';
-import { jsx as _jsx } from "react/jsx-runtime";
-function Media({
-  id,
-  size = ['large', 'medium', 'thumbnail'],
-  ...props
-}) {
-  const {
-    record: media
-  } = useEntityRecord('postType', 'attachment', id);
-  const currentSize = size.find(s => !!media?.media_details?.sizes?.[s]);
+import { jsx } from "react/jsx-runtime";
+import { useEntityRecord } from "@wordpress/core-data";
+function Media({ id, size = ["large", "medium", "thumbnail"], ...props }) {
+  const { record: media } = useEntityRecord("postType", "attachment", id);
+  const currentSize = size.find(
+    (s) => !!media?.media_details?.sizes?.[s]
+  );
   const mediaUrl = media?.media_details?.sizes?.[currentSize]?.source_url || media?.source_url;
   if (!mediaUrl) {
     return null;
   }
-  return /*#__PURE__*/_jsx("img", {
-    ...props,
-    src: mediaUrl,
-    alt: media.alt_text
-  });
+  return /* @__PURE__ */ jsx("img", { ...props, src: mediaUrl, alt: media.alt_text });
 }
-export default Media;
-//# sourceMappingURL=index.js.map
+var media_default = Media;
+export {
+  media_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["useEntityRecord","jsx","_jsx","Media","id","size","props","record","media","currentSize","find","s","media_details","sizes","mediaUrl","source_url","src","alt","alt_text"],"sources":["@wordpress/edit-site/src/components/media/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityRecord } from '@wordpress/core-data';\n\nfunction Media( { id, size = [ 'large', 'medium', 'thumbnail' ], ...props } ) {\n\tconst { record: media } = useEntityRecord( 'postType', 'attachment', id );\n\tconst currentSize = size.find(\n\t\t( s ) => !! media?.media_details?.sizes?.[ s ]\n\t);\n\n\tconst mediaUrl =\n\t\tmedia?.media_details?.sizes?.[ currentSize ]?.source_url ||\n\t\tmedia?.source_url;\n\n\tif ( ! mediaUrl ) {\n\t\treturn null;\n\t}\n\n\treturn <img { ...props } src={ mediaUrl } alt={ media.alt_text } />;\n}\n\nexport default Media;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvD,SAASC,KAAKA,CAAE;EAAEC,EAAE;EAAEC,IAAI,GAAG,CAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,CAAE;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC7E,MAAM;IAAEC,MAAM,EAAEC;EAAM,CAAC,GAAGR,eAAe,CAAE,UAAU,EAAE,YAAY,EAAEI,EAAG,CAAC;EACzE,MAAMK,WAAW,GAAGJ,IAAI,CAACK,IAAI,CAC1BC,CAAC,IAAM,CAAC,CAAEH,KAAK,EAAEI,aAAa,EAAEC,KAAK,GAAIF,CAAC,CAC7C,CAAC;EAED,MAAMG,QAAQ,GACbN,KAAK,EAAEI,aAAa,EAAEC,KAAK,GAAIJ,WAAW,CAAE,EAAEM,UAAU,IACxDP,KAAK,EAAEO,UAAU;EAElB,IAAK,CAAED,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,oBAAOZ,IAAA;IAAA,GAAUI,KAAK;IAAGU,GAAG,EAAGF,QAAU;IAACG,GAAG,EAAGT,KAAK,CAACU;EAAU,CAAE,CAAC;AACpE;AAEA,eAAef,KAAK","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/media/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEntityRecord } from '@wordpress/core-data';\n\nfunction Media( { id, size = [ 'large', 'medium', 'thumbnail' ], ...props } ) {\n\tconst { record: media } = useEntityRecord( 'postType', 'attachment', id );\n\tconst currentSize = size.find(\n\t\t( s ) => !! media?.media_details?.sizes?.[ s ]\n\t);\n\n\tconst mediaUrl =\n\t\tmedia?.media_details?.sizes?.[ currentSize ]?.source_url ||\n\t\tmedia?.source_url;\n\n\tif ( ! mediaUrl ) {\n\t\treturn null;\n\t}\n\n\treturn <img { ...props } src={ mediaUrl } alt={ media.alt_text } />;\n}\n\nexport default Media;\n"],
+  "mappings": "AAmBQ;AAhBR,SAAS,uBAAuB;AAEhC,SAAS,MAAO,EAAE,IAAI,OAAO,CAAE,SAAS,UAAU,WAAY,GAAG,GAAG,MAAM,GAAI;AAC7E,QAAM,EAAE,QAAQ,MAAM,IAAI,gBAAiB,YAAY,cAAc,EAAG;AACxE,QAAM,cAAc,KAAK;AAAA,IACxB,CAAE,MAAO,CAAC,CAAE,OAAO,eAAe,QAAS,CAAE;AAAA,EAC9C;AAEA,QAAM,WACL,OAAO,eAAe,QAAS,WAAY,GAAG,cAC9C,OAAO;AAER,MAAK,CAAE,UAAW;AACjB,WAAO;AAAA,EACR;AAEA,SAAO,oBAAC,SAAM,GAAG,OAAQ,KAAM,UAAW,KAAM,MAAM,UAAW;AAClE;AAEA,IAAO,gBAAQ;",
+  "names": []
+}

package/build-module/components/more-menu/index.js

@@ -1,24 +1,19 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as editorPrivateApis } from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import SiteExport from './site-export';
-import WelcomeGuideMenuItem from './welcome-guide-menu-item';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const {
-  ToolsMoreMenuGroup,
-  PreferencesModal
-} = unlock(editorPrivateApis);
-export default function MoreMenu() {
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(ToolsMoreMenuGroup, {
-      children: [/*#__PURE__*/_jsx(SiteExport, {}), /*#__PURE__*/_jsx(WelcomeGuideMenuItem, {})]
-    }), /*#__PURE__*/_jsx(PreferencesModal, {})]
-  });
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { privateApis as editorPrivateApis } from "@wordpress/editor";
+import SiteExport from "./site-export";
+import WelcomeGuideMenuItem from "./welcome-guide-menu-item";
+import { unlock } from "../../lock-unlock";
+const { ToolsMoreMenuGroup, PreferencesModal } = unlock(editorPrivateApis);
+function MoreMenu() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(ToolsMoreMenuGroup, { children: [
+      /* @__PURE__ */ jsx(SiteExport, {}),
+      /* @__PURE__ */ jsx(WelcomeGuideMenuItem, {})
+    ] }),
+    /* @__PURE__ */ jsx(PreferencesModal, {})
+  ] });
 }
-//# sourceMappingURL=index.js.map
+export {
+  MoreMenu as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/more-menu/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["privateApis","editorPrivateApis","SiteExport","WelcomeGuideMenuItem","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ToolsMoreMenuGroup","PreferencesModal","MoreMenu","children"],"sources":["@wordpress/edit-site/src/components/more-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport SiteExport from './site-export';\nimport WelcomeGuideMenuItem from './welcome-guide-menu-item';\nimport { unlock } from '../../lock-unlock';\n\nconst { ToolsMoreMenuGroup, PreferencesModal } = unlock( editorPrivateApis );\n\nexport default function MoreMenu() {\n\treturn (\n\t\t<>\n\t\t\t<ToolsMoreMenuGroup>\n\t\t\t\t<SiteExport />\n\t\t\t\t<WelcomeGuideMenuItem />\n\t\t\t</ToolsMoreMenuGroup>\n\t\t\t<PreferencesModal />\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,oBAAoB,MAAM,2BAA2B;AAC5D,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE3C,MAAM;EAAEC,kBAAkB;EAAEC;AAAiB,CAAC,GAAGR,MAAM,CAAEH,iBAAkB,CAAC;AAE5E,eAAe,SAASY,QAAQA,CAAA,EAAG;EAClC,oBACCL,KAAA,CAAAE,SAAA;IAAAI,QAAA,gBACCN,KAAA,CAACG,kBAAkB;MAAAG,QAAA,gBAClBR,IAAA,CAACJ,UAAU,IAAE,CAAC,eACdI,IAAA,CAACH,oBAAoB,IAAE,CAAC;IAAA,CACL,CAAC,eACrBG,IAAA,CAACM,gBAAgB,IAAE,CAAC;EAAA,CACnB,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/more-menu/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport SiteExport from './site-export';\nimport WelcomeGuideMenuItem from './welcome-guide-menu-item';\nimport { unlock } from '../../lock-unlock';\n\nconst { ToolsMoreMenuGroup, PreferencesModal } = unlock( editorPrivateApis );\n\nexport default function MoreMenu() {\n\treturn (\n\t\t<>\n\t\t\t<ToolsMoreMenuGroup>\n\t\t\t\t<SiteExport />\n\t\t\t\t<WelcomeGuideMenuItem />\n\t\t\t</ToolsMoreMenuGroup>\n\t\t\t<PreferencesModal />\n\t\t</>\n\t);\n}\n"],
+  "mappings": "AAgBE,mBAEE,KADD,YADD;AAbF,SAAS,eAAe,yBAAyB;AAKjD,OAAO,gBAAgB;AACvB,OAAO,0BAA0B;AACjC,SAAS,cAAc;AAEvB,MAAM,EAAE,oBAAoB,iBAAiB,IAAI,OAAQ,iBAAkB;AAE5D,SAAR,WAA4B;AAClC,SACC,iCACC;AAAA,yBAAC,sBACA;AAAA,0BAAC,cAAW;AAAA,MACZ,oBAAC,wBAAqB;AAAA,OACvB;AAAA,IACA,oBAAC,oBAAiB;AAAA,KACnB;AAEF;",
+  "names": []
+}