@wordpress/edit-site 6.28.1-next.0f6f9d12c.0 → 6.29.1-next.f34ab90e9.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.
- package/CHANGELOG.md +2 -0
- package/build/components/layout/index.js +1 -7
- package/build/components/layout/index.js.map +1 -1
- package/build-module/components/layout/index.js +1 -7
- package/build-module/components/layout/index.js.map +1 -1
- package/build-style/posts-rtl.css +8 -4
- package/build-style/posts.css +8 -4
- package/build-style/style-rtl.css +8 -4
- package/build-style/style.css +8 -4
- package/package.json +41 -42
- package/src/components/layout/index.js +0 -5
package/CHANGELOG.md
CHANGED
|
@@ -10,10 +10,8 @@ var _components = require("@wordpress/components");
|
|
|
10
10
|
var _compose = require("@wordpress/compose");
|
|
11
11
|
var _i18n = require("@wordpress/i18n");
|
|
12
12
|
var _element = require("@wordpress/element");
|
|
13
|
-
var _commands = require("@wordpress/commands");
|
|
14
13
|
var _blockEditor = require("@wordpress/block-editor");
|
|
15
14
|
var _editor = require("@wordpress/editor");
|
|
16
|
-
var _coreCommands = require("@wordpress/core-commands");
|
|
17
15
|
var _router = require("@wordpress/router");
|
|
18
16
|
var _plugins = require("@wordpress/plugins");
|
|
19
17
|
var _notices = require("@wordpress/notices");
|
|
@@ -43,9 +41,6 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
43
41
|
* Internal dependencies
|
|
44
42
|
*/
|
|
45
43
|
|
|
46
|
-
const {
|
|
47
|
-
useCommands
|
|
48
|
-
} = (0, _lockUnlock.unlock)(_coreCommands.privateApis);
|
|
49
44
|
const {
|
|
50
45
|
useGlobalStyle
|
|
51
46
|
} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
|
|
@@ -67,7 +62,6 @@ function Layout() {
|
|
|
67
62
|
const {
|
|
68
63
|
canvas = 'view'
|
|
69
64
|
} = query;
|
|
70
|
-
useCommands();
|
|
71
65
|
const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
|
|
72
66
|
const toggleRef = (0, _element.useRef)();
|
|
73
67
|
const navigateRegionsProps = (0, _components.__unstableUseNavigateRegions)();
|
|
@@ -95,7 +89,7 @@ function Layout() {
|
|
|
95
89
|
// Should not depend on the previous canvas mode value but the next.
|
|
96
90
|
}, [canvas]);
|
|
97
91
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
98
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.UnsavedChangesWarning, {}),
|
|
92
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.UnsavedChangesWarning, {}), canvas === 'view' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_saveKeyboardShortcut.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
99
93
|
...navigateRegionsProps,
|
|
100
94
|
ref: navigateRegionsProps.ref,
|
|
101
95
|
className: (0, _clsx.default)('edit-site-layout', navigateRegionsProps.className, {
|
|
@@ -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\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":[]}
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_compose","_i18n","_element","_blockEditor","_editor","_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","useGlobalStyle","unlock","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","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 { 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":[]}
|
|
@@ -10,10 +10,8 @@ import { __unstableMotion as motion, __unstableAnimatePresence as AnimatePresenc
|
|
|
10
10
|
import { useReducedMotion, useViewportMatch, useResizeObserver, usePrevious } from '@wordpress/compose';
|
|
11
11
|
import { __, sprintf } from '@wordpress/i18n';
|
|
12
12
|
import { useState, useRef, useEffect } from '@wordpress/element';
|
|
13
|
-
import { CommandMenu } from '@wordpress/commands';
|
|
14
13
|
import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
|
|
15
14
|
import { EditorSnackbars, UnsavedChangesWarning, ErrorBoundary, privateApis as editorPrivateApis } from '@wordpress/editor';
|
|
16
|
-
import { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';
|
|
17
15
|
import { privateApis as routerPrivateApis } from '@wordpress/router';
|
|
18
16
|
import { PluginArea } from '@wordpress/plugins';
|
|
19
17
|
import { store as noticesStore } from '@wordpress/notices';
|
|
@@ -33,9 +31,6 @@ import { SidebarContent, SidebarNavigationProvider } from '../sidebar';
|
|
|
33
31
|
import SaveHub from '../save-hub';
|
|
34
32
|
import SavePanel from '../save-panel';
|
|
35
33
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
36
|
-
const {
|
|
37
|
-
useCommands
|
|
38
|
-
} = unlock(coreCommandsPrivateApis);
|
|
39
34
|
const {
|
|
40
35
|
useGlobalStyle
|
|
41
36
|
} = unlock(blockEditorPrivateApis);
|
|
@@ -57,7 +52,6 @@ function Layout() {
|
|
|
57
52
|
const {
|
|
58
53
|
canvas = 'view'
|
|
59
54
|
} = query;
|
|
60
|
-
useCommands();
|
|
61
55
|
const isMobileViewport = useViewportMatch('medium', '<');
|
|
62
56
|
const toggleRef = useRef();
|
|
63
57
|
const navigateRegionsProps = useNavigateRegions();
|
|
@@ -85,7 +79,7 @@ function Layout() {
|
|
|
85
79
|
// Should not depend on the previous canvas mode value but the next.
|
|
86
80
|
}, [canvas]);
|
|
87
81
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
88
|
-
children: [/*#__PURE__*/_jsx(UnsavedChangesWarning, {}),
|
|
82
|
+
children: [/*#__PURE__*/_jsx(UnsavedChangesWarning, {}), canvas === 'view' && /*#__PURE__*/_jsx(SaveKeyboardShortcut, {}), /*#__PURE__*/_jsx("div", {
|
|
89
83
|
...navigateRegionsProps,
|
|
90
84
|
ref: navigateRegionsProps.ref,
|
|
91
85
|
className: clsx('edit-site-layout', navigateRegionsProps.className, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["clsx","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","SlotFillProvider","useReducedMotion","useViewportMatch","useResizeObserver","usePrevious","__","sprintf","useState","useRef","useEffect","CommandMenu","privateApis","blockEditorPrivateApis","EditorSnackbars","UnsavedChangesWarning","ErrorBoundary","editorPrivateApis","coreCommandsPrivateApis","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","useCommands","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 { 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":[]}
|
|
1
|
+
{"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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,gBAAgB,IAAIC,MAAM,EAC1BC,yBAAyB,IAAIC,eAAe,EAC5CC,4BAA4B,IAAIC,kBAAkB,EAClDC,gBAAgB,QACV,uBAAuB;AAC9B,SACCC,gBAAgB,EAChBC,gBAAgB,EAChBC,iBAAiB,EACjBC,WAAW,QACL,oBAAoB;AAC3B,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,QAAQ,EAAEC,MAAM,EAAEC,SAAS,QAAQ,oBAAoB;AAChE,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SACCC,eAAe,EACfC,qBAAqB,EACrBC,aAAa,EACbJ,WAAW,IAAIK,iBAAiB,QAC1B,mBAAmB;AAC1B,SAASL,WAAW,IAAIM,iBAAiB,QAAQ,mBAAmB;AACpE,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;AAC1D,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASH,KAAK,IAAII,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,SAASC,OAAO,IAAIC,OAAO,EAAEC,aAAa,QAAQ,aAAa;AAC/D,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,oBAAoB,MAAM,2BAA2B;AAC5D,SAASC,sBAAsB,QAAQ,SAAS;AAChD,OAAOC,kBAAkB,MAAM,aAAa;AAC5C,SAASC,cAAc,EAAEC,yBAAyB,QAAQ,YAAY;AACtE,OAAOC,OAAO,MAAM,aAAa;AACjC,OAAOC,SAAS,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAEtC,MAAM;EAAEC;AAAe,CAAC,GAAGd,MAAM,CAAEhB,sBAAuB,CAAC;AAC3D,MAAM;EAAE+B,eAAe;EAAEC;AAAqB,CAAC,GAAGhB,MAAM,CAAEZ,iBAAkB,CAAC;AAC7E,MAAM;EAAE6B;AAAY,CAAC,GAAGjB,MAAM,CAAEX,iBAAkB,CAAC;AAEnD,MAAM6B,kBAAkB,GAAG,GAAG;AAE9B,SAASC,MAAMA,CAAA,EAAG;EACjB,MAAM;IAAEC,KAAK;IAAEC,IAAI,EAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGP,WAAW,CAAC,CAAC;EAC9D,MAAM;IAAEQ,MAAM,GAAG;EAAO,CAAC,GAAGL,KAAK;EACjC,MAAMM,gBAAgB,GAAGnD,gBAAgB,CAAE,QAAQ,EAAE,GAAI,CAAC;EAC1D,MAAMoD,SAAS,GAAG9C,MAAM,CAAC,CAAC;EAC1B,MAAM+C,oBAAoB,GAAGxD,kBAAkB,CAAC,CAAC;EACjD,MAAMyD,aAAa,GAAGvD,gBAAgB,CAAC,CAAC;EACxC,MAAM,CAAEwD,aAAa,EAAEC,UAAU,CAAE,GAAGvD,iBAAiB,CAAC,CAAC;EACzD,MAAMwD,eAAe,GAAG9B,sBAAsB,CAAC,CAAC;EAChD,MAAM,CAAE+B,yBAAyB,EAAEC,4BAA4B,CAAE,GAChEtD,QAAQ,CAAE,KAAM,CAAC;EAClB,MAAMuD,YAAY,GAAGhC,kBAAkB,CAAE;IACxCiC,wBAAwB,EAAEd,QAAQ,GAAG,GAAG,GAAGG;EAC5C,CAAE,CAAC;EAEH,MAAM;IAAEY;EAAe,CAAC,GAAG3C,SAAS,CAAI4C,MAAM,IAAM;IACnD,OAAO;MACND,cAAc,EAAEC,MAAM,CAAE3C,gBAAiB,CAAC,CAAC4C,GAAG,CAC7C,MAAM,EACN,gBACD;IACD,CAAC;EACF,CAAE,CAAC;EAEH,MAAM,CAAEC,eAAe,CAAE,GAAG1B,cAAc,CAAE,kBAAmB,CAAC;EAChE,MAAM,CAAE2B,aAAa,CAAE,GAAG3B,cAAc,CAAE,gBAAiB,CAAC;EAC5D,MAAM4B,iBAAiB,GAAGjE,WAAW,CAAEgD,MAAO,CAAC;EAC/C3C,SAAS,CAAE,MAAM;IAChB,IAAK4D,iBAAiB,KAAK,MAAM,EAAG;MACnCf,SAAS,CAACgB,OAAO,EAAEC,KAAK,CAAC,CAAC;IAC3B;IACA;EACD,CAAC,EAAE,CAAEnB,MAAM,CAAG,CAAC;EAEf,oBACCd,KAAA,CAAAE,SAAA;IAAAgC,QAAA,gBACCpC,IAAA,CAACvB,qBAAqB,IAAE,CAAC,EACvBuC,MAAM,KAAK,MAAM,iBAAIhB,IAAA,CAACR,oBAAoB,IAAE,CAAC,eAC/CQ,IAAA;MAAA,GACMmB,oBAAoB;MACzBkB,GAAG,EAAGlB,oBAAoB,CAACkB,GAAK;MAChCC,SAAS,EAAGjF,IAAI,CACf,kBAAkB,EAClB8D,oBAAoB,CAACmB,SAAS,EAC9B;QACC,gBAAgB,EAAEtB,MAAM,KAAK,MAAM;QACnC,kBAAkB,EAAEY;MACrB,CACD,CAAG;MAAAQ,QAAA,eAEHlC,KAAA;QAAKoC,SAAS,EAAC,2BAA2B;QAAAF,QAAA,GAKvC,CAAE,CAAEnB,gBAAgB,IAAI,CAAEH,KAAK,CAACyB,MAAM,kBACvCvC,IAAA,CAACM,eAAe;UACfkC,SAAS,EAAGvE,EAAE,CAAE,YAAa,CAAG;UAChCqE,SAAS,EAAC,kCAAkC;UAAAF,QAAA,eAE5CpC,IAAA,CAACvC,eAAe;YAAA2E,QAAA,EACbpB,MAAM,KAAK,MAAM,iBAClBd,KAAA,CAAC3C,MAAM,CAACkF,GAAG;cACVC,OAAO,EAAG;gBAAEC,OAAO,EAAE;cAAE,CAAG;cAC1BC,OAAO,EAAG;gBAAED,OAAO,EAAE;cAAE,CAAG;cAC1BE,IAAI,EAAG;gBAAEF,OAAO,EAAE;cAAE,CAAG;cACvBG,UAAU,EAAG;gBACZC,IAAI,EAAE,OAAO;gBACbC,QAAQ;gBACP;gBACA5B,aAAa,IACbH,gBAAgB,GACb,CAAC,GACDR,kBAAkB;gBACtBwC,IAAI,EAAE;cACP,CAAG;cACHX,SAAS,EAAC,2BAA2B;cAAAF,QAAA,gBAErCpC,IAAA,CAACZ,OAAO;gBACPiD,GAAG,EAAGnB,SAAW;gBACjBgC,aAAa,EACZ1B;cACA,CACD,CAAC,eACFxB,IAAA,CAACJ,yBAAyB;gBAAAwC,QAAA,eACzBpC,IAAA,CAACL,cAAc;kBACdwD,aAAa,EACZtC,QAAQ,KAAK,QACb;kBACDA,QAAQ,EAAGA,QAAU;kBAAAuB,QAAA,eAErBpC,IAAA,CAACtB,aAAa;oBAAA0D,QAAA,EACXtB,KAAK,CAACsC;kBAAO,CACD;gBAAC,CACD;cAAC,CACS,CAAC,eAC5BpD,IAAA,CAACH,OAAO,IAAE,CAAC,eACXG,IAAA,CAACF,SAAS,IAAE,CAAC;YAAA,CACF;UACZ,CACe;QAAC,CACF,CACjB,eAEDE,IAAA,CAACxB,eAAe,IAAE,CAAC,EAEjByC,gBAAgB,IAAIH,KAAK,CAACyB,MAAM,iBACjCvC,IAAA;UAAKsC,SAAS,EAAC,0BAA0B;UAAAF,QAAA,eACxCpC,IAAA,CAACJ,yBAAyB;YAAAwC,QAAA,EACvBpB,MAAM,KAAK,MAAM,gBAClBd,KAAA,CAAAE,SAAA;cAAAgC,QAAA,gBACCpC,IAAA,CAACX,aAAa;gBACbgD,GAAG,EAAGnB,SAAW;gBACjBgC,aAAa,EACZ1B;cACA,CACD,CAAC,eACFxB,IAAA,CAACL,cAAc;gBAACkB,QAAQ,EAAGA,QAAU;gBAAAuB,QAAA,eACpCpC,IAAA,CAACtB,aAAa;kBAAA0D,QAAA,EACXtB,KAAK,CAACyB;gBAAM,CACA;cAAC,CACD,CAAC,eACjBvC,IAAA,CAACH,OAAO,IAAE,CAAC,eACXG,IAAA,CAACF,SAAS,IAAE,CAAC;YAAA,CACZ,CAAC,gBAEHE,IAAA,CAACtB,aAAa;cAAA0D,QAAA,EACXtB,KAAK,CAACyB;YAAM,CACA;UACf,CACyB;QAAC,CACxB,CACL,EAEC,CAAEtB,gBAAgB,IACnBH,KAAK,CAACuC,OAAO,IACbrC,MAAM,KAAK,MAAM,iBAChBhB,IAAA;UACCsC,SAAS,EAAC,wBAAwB;UAClCgB,KAAK,EAAG;YACPC,QAAQ,EAAExC,MAAM,EAAEsC;UACnB,CAAG;UAAAjB,QAAA,eAEHpC,IAAA,CAACtB,aAAa;YAAA0D,QAAA,EAAGtB,KAAK,CAACuC;UAAO,CAAiB;QAAC,CAC5C,CACL,EAEA,CAAEpC,gBAAgB,IAAIH,KAAK,CAAC0C,IAAI,IAAIxC,MAAM,KAAK,MAAM,iBACtDhB,IAAA;UACCsC,SAAS,EAAC,wBAAwB;UAClCgB,KAAK,EAAG;YACPC,QAAQ,EAAExC,MAAM,EAAEyC;UACnB,CAAG;UAAApB,QAAA,eAEHpC,IAAA,CAACtB,aAAa;YAAA0D,QAAA,EAAGtB,KAAK,CAAC0C;UAAI,CAAiB;QAAC,CACzC,CACL,EAEC,CAAEvC,gBAAgB,IAAIH,KAAK,CAAC2C,OAAO,iBACpCvD,KAAA;UAAKoC,SAAS,EAAC,oCAAoC;UAAAF,QAAA,GAChDf,aAAa,EACb,CAAC,CAAEC,UAAU,CAACoC,KAAK,iBACpB1D,IAAA;YACCsC,SAAS,EAAGjF,IAAI,CACf,0BAA0B,EAC1B;cACC,kBAAkB,EACjBmE;YACF,CACD,CAAG;YACHa,GAAG,EAAGX,YAAc;YAAAU,QAAA,eAEpBpC,IAAA,CAACtB,aAAa;cAAA0D,QAAA,eACbpC,IAAA,CAACV,cAAc;gBACdqE,OAAO,EAAG,CAAEpC,eAAiB;gBAC7BqC,WAAW,EAAG5C,MAAM,KAAK,MAAQ;gBACjC6C,WAAW,EAAG;kBACbH,KAAK,EACJpC,UAAU,CAACoC,KAAK,GAChB,EAAE,CAAC;kBACJI,MAAM,EAAExC,UAAU,CAACwC;gBACpB,CAAG;gBACHC,WAAW,EACVvC,yBACA;gBACDwC,cAAc,EACbvC,4BACA;gBACDwC,iBAAiB,EAAG;kBACnBC,UAAU,EACTlC,aAAa,aAAbA,aAAa,cAAbA,aAAa,GACbD;gBACF,CAAG;gBAAAK,QAAA,EAEDtB,KAAK,CAAC2C;cAAO,CACA;YAAC,CACH;UAAC,CACZ,CACL;QAAA,CACG,CACL;MAAA,CACG;IAAC,CACF,CAAC;EAAA,CACL,CAAC;AAEL;AAEA,eAAe,SAASU,8BAA8BA,CAAEC,KAAK,EAAG;EAC/D,MAAM;IAAEC;EAAkB,CAAC,GAAGrF,WAAW,CAAED,YAAa,CAAC;EACzD,SAASuF,iBAAiBA,CAAE1D,IAAI,EAAG;IAClCyD,iBAAiB,CAChBnG,OAAO,CACN;IACAD,EAAE,CACD,kEACD,CAAC,EACD2C,IACD,CACD,CAAC;EACF;EAEA,oBACCZ,IAAA,CAACpC,gBAAgB;IAAAwE,QAAA,eAChBlC,KAAA,CAACK,oBAAoB;MAAA6B,QAAA,gBAEpBpC,IAAA,CAACnB,UAAU;QAAC0F,OAAO,EAAGD;MAAmB,CAAE,CAAC,eAC5CtE,IAAA,CAACU,MAAM;QAAA,GAAM0D;MAAK,CAAI,CAAC;IAAA,CACF;EAAC,CACN,CAAC;AAErB","ignoreList":[]}
|
|
@@ -1705,6 +1705,10 @@ div.dataviews-view-list {
|
|
|
1705
1705
|
margin-bottom: 16px;
|
|
1706
1706
|
}
|
|
1707
1707
|
|
|
1708
|
+
.dataforms-layouts-panel__modal-footer {
|
|
1709
|
+
margin-top: 16px;
|
|
1710
|
+
}
|
|
1711
|
+
|
|
1708
1712
|
.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
|
|
1709
1713
|
z-index: 159990;
|
|
1710
1714
|
}
|
|
@@ -2088,7 +2092,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
2088
2092
|
contain: content;
|
|
2089
2093
|
}
|
|
2090
2094
|
|
|
2091
|
-
@keyframes
|
|
2095
|
+
@keyframes _knsuw_slide-from-right {
|
|
2092
2096
|
from {
|
|
2093
2097
|
transform: translateX(-50px);
|
|
2094
2098
|
opacity: 0;
|
|
@@ -2098,7 +2102,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
2098
2102
|
opacity: 1;
|
|
2099
2103
|
}
|
|
2100
2104
|
}
|
|
2101
|
-
@keyframes
|
|
2105
|
+
@keyframes _knsuw_slide-from-left {
|
|
2102
2106
|
from {
|
|
2103
2107
|
transform: translateX(50px);
|
|
2104
2108
|
opacity: 0;
|
|
@@ -2154,10 +2158,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
2154
2158
|
}
|
|
2155
2159
|
}
|
|
2156
2160
|
.edit-site-sidebar__screen-wrapper.slide-from-left {
|
|
2157
|
-
animation-name:
|
|
2161
|
+
animation-name: _knsuw_slide-from-left;
|
|
2158
2162
|
}
|
|
2159
2163
|
.edit-site-sidebar__screen-wrapper.slide-from-right {
|
|
2160
|
-
animation-name:
|
|
2164
|
+
animation-name: _knsuw_slide-from-right;
|
|
2161
2165
|
}
|
|
2162
2166
|
|
|
2163
2167
|
.edit-site-site-hub {
|
package/build-style/posts.css
CHANGED
|
@@ -1705,6 +1705,10 @@ div.dataviews-view-list {
|
|
|
1705
1705
|
margin-bottom: 16px;
|
|
1706
1706
|
}
|
|
1707
1707
|
|
|
1708
|
+
.dataforms-layouts-panel__modal-footer {
|
|
1709
|
+
margin-top: 16px;
|
|
1710
|
+
}
|
|
1711
|
+
|
|
1708
1712
|
.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
|
|
1709
1713
|
z-index: 159990;
|
|
1710
1714
|
}
|
|
@@ -2088,7 +2092,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
2088
2092
|
contain: content;
|
|
2089
2093
|
}
|
|
2090
2094
|
|
|
2091
|
-
@keyframes
|
|
2095
|
+
@keyframes _knsuw_slide-from-right {
|
|
2092
2096
|
from {
|
|
2093
2097
|
transform: translateX(50px);
|
|
2094
2098
|
opacity: 0;
|
|
@@ -2098,7 +2102,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
2098
2102
|
opacity: 1;
|
|
2099
2103
|
}
|
|
2100
2104
|
}
|
|
2101
|
-
@keyframes
|
|
2105
|
+
@keyframes _knsuw_slide-from-left {
|
|
2102
2106
|
from {
|
|
2103
2107
|
transform: translateX(-50px);
|
|
2104
2108
|
opacity: 0;
|
|
@@ -2154,10 +2158,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
2154
2158
|
}
|
|
2155
2159
|
}
|
|
2156
2160
|
.edit-site-sidebar__screen-wrapper.slide-from-left {
|
|
2157
|
-
animation-name:
|
|
2161
|
+
animation-name: _knsuw_slide-from-left;
|
|
2158
2162
|
}
|
|
2159
2163
|
.edit-site-sidebar__screen-wrapper.slide-from-right {
|
|
2160
|
-
animation-name:
|
|
2164
|
+
animation-name: _knsuw_slide-from-right;
|
|
2161
2165
|
}
|
|
2162
2166
|
|
|
2163
2167
|
.edit-site-site-hub {
|
|
@@ -1705,6 +1705,10 @@ div.dataviews-view-list {
|
|
|
1705
1705
|
margin-bottom: 16px;
|
|
1706
1706
|
}
|
|
1707
1707
|
|
|
1708
|
+
.dataforms-layouts-panel__modal-footer {
|
|
1709
|
+
margin-top: 16px;
|
|
1710
|
+
}
|
|
1711
|
+
|
|
1708
1712
|
.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
|
|
1709
1713
|
z-index: 159990;
|
|
1710
1714
|
}
|
|
@@ -3287,7 +3291,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
3287
3291
|
contain: content;
|
|
3288
3292
|
}
|
|
3289
3293
|
|
|
3290
|
-
@keyframes
|
|
3294
|
+
@keyframes _xt40e_slide-from-right {
|
|
3291
3295
|
from {
|
|
3292
3296
|
transform: translateX(-50px);
|
|
3293
3297
|
opacity: 0;
|
|
@@ -3297,7 +3301,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
3297
3301
|
opacity: 1;
|
|
3298
3302
|
}
|
|
3299
3303
|
}
|
|
3300
|
-
@keyframes
|
|
3304
|
+
@keyframes _xt40e_slide-from-left {
|
|
3301
3305
|
from {
|
|
3302
3306
|
transform: translateX(50px);
|
|
3303
3307
|
opacity: 0;
|
|
@@ -3353,10 +3357,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
3353
3357
|
}
|
|
3354
3358
|
}
|
|
3355
3359
|
.edit-site-sidebar__screen-wrapper.slide-from-left {
|
|
3356
|
-
animation-name:
|
|
3360
|
+
animation-name: _xt40e_slide-from-left;
|
|
3357
3361
|
}
|
|
3358
3362
|
.edit-site-sidebar__screen-wrapper.slide-from-right {
|
|
3359
|
-
animation-name:
|
|
3363
|
+
animation-name: _xt40e_slide-from-right;
|
|
3360
3364
|
}
|
|
3361
3365
|
|
|
3362
3366
|
.edit-site-sidebar-button {
|
package/build-style/style.css
CHANGED
|
@@ -1705,6 +1705,10 @@ div.dataviews-view-list {
|
|
|
1705
1705
|
margin-bottom: 16px;
|
|
1706
1706
|
}
|
|
1707
1707
|
|
|
1708
|
+
.dataforms-layouts-panel__modal-footer {
|
|
1709
|
+
margin-top: 16px;
|
|
1710
|
+
}
|
|
1711
|
+
|
|
1708
1712
|
.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
|
|
1709
1713
|
z-index: 159990;
|
|
1710
1714
|
}
|
|
@@ -3288,7 +3292,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
3288
3292
|
contain: content;
|
|
3289
3293
|
}
|
|
3290
3294
|
|
|
3291
|
-
@keyframes
|
|
3295
|
+
@keyframes _xt40e_slide-from-right {
|
|
3292
3296
|
from {
|
|
3293
3297
|
transform: translateX(50px);
|
|
3294
3298
|
opacity: 0;
|
|
@@ -3298,7 +3302,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
3298
3302
|
opacity: 1;
|
|
3299
3303
|
}
|
|
3300
3304
|
}
|
|
3301
|
-
@keyframes
|
|
3305
|
+
@keyframes _xt40e_slide-from-left {
|
|
3302
3306
|
from {
|
|
3303
3307
|
transform: translateX(-50px);
|
|
3304
3308
|
opacity: 0;
|
|
@@ -3354,10 +3358,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
3354
3358
|
}
|
|
3355
3359
|
}
|
|
3356
3360
|
.edit-site-sidebar__screen-wrapper.slide-from-left {
|
|
3357
|
-
animation-name:
|
|
3361
|
+
animation-name: _xt40e_slide-from-left;
|
|
3358
3362
|
}
|
|
3359
3363
|
.edit-site-sidebar__screen-wrapper.slide-from-right {
|
|
3360
|
-
animation-name:
|
|
3364
|
+
animation-name: _xt40e_slide-from-right;
|
|
3361
3365
|
}
|
|
3362
3366
|
|
|
3363
3367
|
.edit-site-sidebar-button {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/edit-site",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.29.1-next.f34ab90e9.0",
|
|
4
4
|
"description": "Edit Site Page module for WordPress.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -30,46 +30,45 @@
|
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@babel/runtime": "7.25.7",
|
|
32
32
|
"@react-spring/web": "^9.4.5",
|
|
33
|
-
"@wordpress/a11y": "^4.
|
|
34
|
-
"@wordpress/api-fetch": "^7.
|
|
35
|
-
"@wordpress/blob": "^4.
|
|
36
|
-
"@wordpress/block-editor": "^15.
|
|
37
|
-
"@wordpress/block-library": "^9.
|
|
38
|
-
"@wordpress/blocks": "^15.
|
|
39
|
-
"@wordpress/commands": "^1.
|
|
40
|
-
"@wordpress/components": "^30.2.1-next.
|
|
41
|
-
"@wordpress/compose": "^7.
|
|
42
|
-
"@wordpress/core-
|
|
43
|
-
"@wordpress/
|
|
44
|
-
"@wordpress/
|
|
45
|
-
"@wordpress/
|
|
46
|
-
"@wordpress/
|
|
47
|
-
"@wordpress/
|
|
48
|
-
"@wordpress/
|
|
49
|
-
"@wordpress/
|
|
50
|
-
"@wordpress/
|
|
51
|
-
"@wordpress/
|
|
52
|
-
"@wordpress/
|
|
53
|
-
"@wordpress/
|
|
54
|
-
"@wordpress/
|
|
55
|
-
"@wordpress/
|
|
56
|
-
"@wordpress/
|
|
57
|
-
"@wordpress/
|
|
58
|
-
"@wordpress/
|
|
59
|
-
"@wordpress/
|
|
60
|
-
"@wordpress/
|
|
61
|
-
"@wordpress/
|
|
62
|
-
"@wordpress/
|
|
63
|
-
"@wordpress/
|
|
64
|
-
"@wordpress/
|
|
65
|
-
"@wordpress/
|
|
66
|
-
"@wordpress/
|
|
67
|
-
"@wordpress/
|
|
68
|
-
"@wordpress/
|
|
69
|
-
"@wordpress/
|
|
70
|
-
"@wordpress/
|
|
71
|
-
"@wordpress/
|
|
72
|
-
"@wordpress/wordcount": "^4.28.1-next.0f6f9d12c.0",
|
|
33
|
+
"@wordpress/a11y": "^4.29.1-next.f34ab90e9.0",
|
|
34
|
+
"@wordpress/api-fetch": "^7.29.1-next.f34ab90e9.0",
|
|
35
|
+
"@wordpress/blob": "^4.29.1-next.f34ab90e9.0",
|
|
36
|
+
"@wordpress/block-editor": "^15.2.1-next.f34ab90e9.0",
|
|
37
|
+
"@wordpress/block-library": "^9.29.1-next.f34ab90e9.0",
|
|
38
|
+
"@wordpress/blocks": "^15.2.1-next.f34ab90e9.0",
|
|
39
|
+
"@wordpress/commands": "^1.29.1-next.f34ab90e9.0",
|
|
40
|
+
"@wordpress/components": "^30.2.1-next.f34ab90e9.0",
|
|
41
|
+
"@wordpress/compose": "^7.29.1-next.f34ab90e9.0",
|
|
42
|
+
"@wordpress/core-data": "^7.29.1-next.f34ab90e9.0",
|
|
43
|
+
"@wordpress/data": "^10.29.1-next.f34ab90e9.0",
|
|
44
|
+
"@wordpress/dataviews": "^7.0.1-next.f34ab90e9.0",
|
|
45
|
+
"@wordpress/date": "^5.29.1-next.f34ab90e9.0",
|
|
46
|
+
"@wordpress/deprecated": "^4.29.1-next.f34ab90e9.0",
|
|
47
|
+
"@wordpress/dom": "^4.29.1-next.f34ab90e9.0",
|
|
48
|
+
"@wordpress/editor": "^14.29.1-next.f34ab90e9.0",
|
|
49
|
+
"@wordpress/element": "^6.29.1-next.f34ab90e9.0",
|
|
50
|
+
"@wordpress/escape-html": "^3.29.1-next.f34ab90e9.0",
|
|
51
|
+
"@wordpress/fields": "^0.21.1-next.f34ab90e9.0",
|
|
52
|
+
"@wordpress/hooks": "^4.29.1-next.f34ab90e9.0",
|
|
53
|
+
"@wordpress/html-entities": "^4.29.1-next.f34ab90e9.0",
|
|
54
|
+
"@wordpress/i18n": "^6.2.1-next.f34ab90e9.0",
|
|
55
|
+
"@wordpress/icons": "^10.29.1-next.f34ab90e9.0",
|
|
56
|
+
"@wordpress/keyboard-shortcuts": "^5.29.1-next.f34ab90e9.0",
|
|
57
|
+
"@wordpress/keycodes": "^4.29.1-next.f34ab90e9.0",
|
|
58
|
+
"@wordpress/media-utils": "^5.29.1-next.f34ab90e9.0",
|
|
59
|
+
"@wordpress/notices": "^5.29.1-next.f34ab90e9.0",
|
|
60
|
+
"@wordpress/patterns": "^2.29.1-next.f34ab90e9.0",
|
|
61
|
+
"@wordpress/plugins": "^7.29.1-next.f34ab90e9.0",
|
|
62
|
+
"@wordpress/preferences": "^4.29.1-next.f34ab90e9.0",
|
|
63
|
+
"@wordpress/primitives": "^4.29.1-next.f34ab90e9.0",
|
|
64
|
+
"@wordpress/private-apis": "^1.29.1-next.f34ab90e9.0",
|
|
65
|
+
"@wordpress/reusable-blocks": "^5.29.1-next.f34ab90e9.0",
|
|
66
|
+
"@wordpress/router": "^1.29.1-next.f34ab90e9.0",
|
|
67
|
+
"@wordpress/style-engine": "^2.29.1-next.f34ab90e9.0",
|
|
68
|
+
"@wordpress/url": "^4.29.1-next.f34ab90e9.0",
|
|
69
|
+
"@wordpress/viewport": "^6.29.1-next.f34ab90e9.0",
|
|
70
|
+
"@wordpress/widgets": "^4.29.1-next.f34ab90e9.0",
|
|
71
|
+
"@wordpress/wordcount": "^4.29.1-next.f34ab90e9.0",
|
|
73
72
|
"change-case": "^4.1.2",
|
|
74
73
|
"clsx": "^2.1.1",
|
|
75
74
|
"colord": "^2.9.2",
|
|
@@ -84,5 +83,5 @@
|
|
|
84
83
|
"publishConfig": {
|
|
85
84
|
"access": "public"
|
|
86
85
|
},
|
|
87
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "91f58004986ec6faf118825f925ac7873d171986"
|
|
88
87
|
}
|
|
@@ -20,7 +20,6 @@ import {
|
|
|
20
20
|
} from '@wordpress/compose';
|
|
21
21
|
import { __, sprintf } from '@wordpress/i18n';
|
|
22
22
|
import { useState, useRef, useEffect } from '@wordpress/element';
|
|
23
|
-
import { CommandMenu } from '@wordpress/commands';
|
|
24
23
|
import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
|
|
25
24
|
import {
|
|
26
25
|
EditorSnackbars,
|
|
@@ -28,7 +27,6 @@ import {
|
|
|
28
27
|
ErrorBoundary,
|
|
29
28
|
privateApis as editorPrivateApis,
|
|
30
29
|
} from '@wordpress/editor';
|
|
31
|
-
import { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';
|
|
32
30
|
import { privateApis as routerPrivateApis } from '@wordpress/router';
|
|
33
31
|
import { PluginArea } from '@wordpress/plugins';
|
|
34
32
|
import { store as noticesStore } from '@wordpress/notices';
|
|
@@ -48,7 +46,6 @@ import { SidebarContent, SidebarNavigationProvider } from '../sidebar';
|
|
|
48
46
|
import SaveHub from '../save-hub';
|
|
49
47
|
import SavePanel from '../save-panel';
|
|
50
48
|
|
|
51
|
-
const { useCommands } = unlock( coreCommandsPrivateApis );
|
|
52
49
|
const { useGlobalStyle } = unlock( blockEditorPrivateApis );
|
|
53
50
|
const { NavigableRegion, GlobalStylesProvider } = unlock( editorPrivateApis );
|
|
54
51
|
const { useLocation } = unlock( routerPrivateApis );
|
|
@@ -58,7 +55,6 @@ const ANIMATION_DURATION = 0.3;
|
|
|
58
55
|
function Layout() {
|
|
59
56
|
const { query, name: routeKey, areas, widths } = useLocation();
|
|
60
57
|
const { canvas = 'view' } = query;
|
|
61
|
-
useCommands();
|
|
62
58
|
const isMobileViewport = useViewportMatch( 'medium', '<' );
|
|
63
59
|
const toggleRef = useRef();
|
|
64
60
|
const navigateRegionsProps = useNavigateRegions();
|
|
@@ -93,7 +89,6 @@ function Layout() {
|
|
|
93
89
|
return (
|
|
94
90
|
<>
|
|
95
91
|
<UnsavedChangesWarning />
|
|
96
|
-
<CommandMenu />
|
|
97
92
|
{ canvas === 'view' && <SaveKeyboardShortcut /> }
|
|
98
93
|
<div
|
|
99
94
|
{ ...navigateRegionsProps }
|