@wordpress/edit-site 6.10.0 → 6.12.0

package/build/components/resizable-frame/index.js

@@ -9,10 +9,9 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
-var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
+var _router = require("@wordpress/router");
 var _lockUnlock = require("../../lock-unlock");
-var _store = require("../../store");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
@@ -26,6 +25,11 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
+const {
+  useLocation,
+  useHistory
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+
 // Removes the inline styles in the drag handles.
 const HANDLE_STYLES_OVERRIDE = {
   position: undefined,
@@ -77,6 +81,13 @@ function ResizableFrame({
   defaultSize,
   innerContentStyle
 }) {
+  const history = useHistory();
+  const {
+    params
+  } = useLocation();
+  const {
+    canvas = 'view'
+  } = params;
   const disableMotion = (0, _compose.useReducedMotion)();
   const [frameSize, setFrameSize] = (0, _element.useState)(INITIAL_FRAME_SIZE);
   // The width of the resizable frame when a new resize gesture starts.
@@ -84,10 +95,6 @@ function ResizableFrame({
   const [isResizing, setIsResizing] = (0, _element.useState)(false);
   const [shouldShowHandle, setShouldShowHandle] = (0, _element.useState)(false);
   const [resizeRatio, setResizeRatio] = (0, _element.useState)(1);
-  const canvasMode = (0, _data.useSelect)(select => (0, _lockUnlock.unlock)(select(_store.store)).getCanvasMode(), []);
-  const {
-    setCanvasMode
-  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
   const FRAME_TRANSITION = {
     type: 'tween',
     duration: isResizing ? 0 : 0.5
@@ -134,7 +141,12 @@ function ResizableFrame({
       setFrameSize(INITIAL_FRAME_SIZE);
     } else {
       // Trigger full screen if the frame is resized far enough to the left.
-      setCanvasMode('edit');
+      history.push({
+        ...params,
+        canvas: 'edit'
+      }, undefined, {
+        transition: 'canvas-mode-edit-transition'
+      });
     }
   };
 
@@ -211,7 +223,7 @@ function ResizableFrame({
         });
       }
     },
-    whileHover: canvasMode === 'view' ? {
+    whileHover: canvas === 'view' ? {
       scale: 1.005,
       transition: {
         duration: disableMotion ? 0 : 0.5,
@@ -250,7 +262,7 @@ function ResizableFrame({
     onMouseOver: () => setShouldShowHandle(true),
     onMouseOut: () => setShouldShowHandle(false),
     handleComponent: {
-      [(0, _i18n.isRTL)() ? 'right' : 'left']: canvasMode === 'view' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      [(0, _i18n.isRTL)() ? 'right' : 'left']: canvas === 'view' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
           text: (0, _i18n.__)('Drag to resize'),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__unstableMotion.button, {

package/build/components/resizable-frame/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_components","_compose","_data","_i18n","_lockUnlock","_store","_jsxRuntime","HANDLE_STYLES_OVERRIDE","position","undefined","userSelect","cursor","width","height","top","right","bottom","left","FRAME_MIN_WIDTH","FRAME_REFERENCE_WIDTH","FRAME_TARGET_ASPECT_RATIO","SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD","INITIAL_FRAME_SIZE","calculateNewHeight","initialAspectRatio","lerp","a","b","amount","lerpFactor","Math","max","min","intermediateAspectRatio","ResizableFrame","isFullWidth","isOversized","setIsOversized","isReady","children","defaultSize","innerContentStyle","disableMotion","useReducedMotion","frameSize","setFrameSize","useState","startingWidth","setStartingWidth","isResizing","setIsResizing","shouldShowHandle","setShouldShowHandle","resizeRatio","setResizeRatio","canvasMode","useSelect","select","unlock","editSiteStore","getCanvasMode","setCanvasMode","useDispatch","FRAME_TRANSITION","type","duration","frameRef","useRef","resizableHandleHelpId","useInstanceId","defaultAspectRatio","handleResizeStart","_event","_direction","ref","offsetWidth","handleResize","_ref","delta","normalizedDelta","deltaAbs","abs","maxDoubledDelta","deltaToDouble","doubleSegment","singleSegment","updatedWidth","handleResizeStop","remainingWidth","ownerDocument","documentElement","handleResizableHandleKeyDown","event","includes","key","preventDefault","step","shiftKey","isRTL","newWidth","current","resizable","frameAnimationVariants","default","flexGrow","fullWidth","resizeHandleVariants","hidden","opacity","visible","active","scaleY","currentResizeHandleVariant","jsx","ResizableBox","as","motion","div","initial","variants","animate","onAnimationComplete","definition","whileHover","scale","transition","ease","size","enable","topRight","bottomRight","bottomLeft","topLeft","handleClasses","handleStyles","minWidth","maxWidth","maxHeight","onFocus","onBlur","onMouseOver","onMouseOut","handleComponent","jsxs","Fragment","Tooltip","text","__","__unstableMotion","button","role","className","clsx","onKeyDown","exit","whileFocus","id","onResizeStart","onResize","onResizeStop","showHandle","style","_default","exports"],"sources":["@wordpress/edit-site/src/components/resizable-frame/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tResizableBox,\n\tTooltip,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { useInstanceId, useReducedMotion } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\n// Removes the inline styles in the drag handles.\nconst HANDLE_STYLES_OVERRIDE = {\n\tposition: undefined,\n\tuserSelect: undefined,\n\tcursor: undefined,\n\twidth: undefined,\n\theight: undefined,\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\n// The minimum width of the frame (in px) while resizing.\nconst FRAME_MIN_WIDTH = 320;\n// The reference width of the frame (in px) used to calculate the aspect ratio.\nconst FRAME_REFERENCE_WIDTH = 1300;\n// 9 : 19.5 is the target aspect ratio enforced (when possible) while resizing.\nconst FRAME_TARGET_ASPECT_RATIO = 9 / 19.5;\n// The minimum distance (in px) between the frame resize handle and the\n// viewport's edge. If the frame is resized to be closer to the viewport's edge\n// than this distance, then \"canvas mode\" will be enabled.\nconst SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD = 200;\n// Default size for the `frameSize` state.\nconst INITIAL_FRAME_SIZE = { width: '100%', height: '100%' };\n\nfunction calculateNewHeight( width, initialAspectRatio ) {\n\tconst lerp = ( a, b, amount ) => {\n\t\treturn a + ( b - a ) * amount;\n\t};\n\n\t// Calculate the intermediate aspect ratio based on the current width.\n\tconst lerpFactor =\n\t\t1 -\n\t\tMath.max(\n\t\t\t0,\n\t\t\tMath.min(\n\t\t\t\t1,\n\t\t\t\t( width - FRAME_MIN_WIDTH ) /\n\t\t\t\t\t( FRAME_REFERENCE_WIDTH - FRAME_MIN_WIDTH )\n\t\t\t)\n\t\t);\n\n\t// Calculate the height based on the intermediate aspect ratio\n\t// ensuring the frame arrives at the target aspect ratio.\n\tconst intermediateAspectRatio = lerp(\n\t\tinitialAspectRatio,\n\t\tFRAME_TARGET_ASPECT_RATIO,\n\t\tlerpFactor\n\t);\n\n\treturn width / intermediateAspectRatio;\n}\n\nfunction ResizableFrame( {\n\tisFullWidth,\n\tisOversized,\n\tsetIsOversized,\n\tisReady,\n\tchildren,\n\t/** The default (unresized) width/height of the frame, based on the space availalbe in the viewport. */\n\tdefaultSize,\n\tinnerContentStyle,\n} ) {\n\tconst disableMotion = useReducedMotion();\n\tconst [ frameSize, setFrameSize ] = useState( INITIAL_FRAME_SIZE );\n\t// The width of the resizable frame when a new resize gesture starts.\n\tconst [ startingWidth, setStartingWidth ] = useState();\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst [ shouldShowHandle, setShouldShowHandle ] = useState( false );\n\tconst [ resizeRatio, setResizeRatio ] = useState( 1 );\n\tconst canvasMode = useSelect(\n\t\t( select ) => unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t[]\n\t);\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst FRAME_TRANSITION = { type: 'tween', duration: isResizing ? 0 : 0.5 };\n\tconst frameRef = useRef( null );\n\tconst resizableHandleHelpId = useInstanceId(\n\t\tResizableFrame,\n\t\t'edit-site-resizable-frame-handle-help'\n\t);\n\tconst defaultAspectRatio = defaultSize.width / defaultSize.height;\n\n\tconst handleResizeStart = ( _event, _direction, ref ) => {\n\t\t// Remember the starting width so we don't have to get `ref.offsetWidth` on\n\t\t// every resize event thereafter, which will cause layout thrashing.\n\t\tsetStartingWidth( ref.offsetWidth );\n\t\tsetIsResizing( true );\n\t};\n\n\t// Calculate the frame size based on the window width as its resized.\n\tconst handleResize = ( _event, _direction, _ref, delta ) => {\n\t\tconst normalizedDelta = delta.width / resizeRatio;\n\t\tconst deltaAbs = Math.abs( normalizedDelta );\n\t\tconst maxDoubledDelta =\n\t\t\tdelta.width < 0 // is shrinking\n\t\t\t\t? deltaAbs\n\t\t\t\t: ( defaultSize.width - startingWidth ) / 2;\n\t\tconst deltaToDouble = Math.min( deltaAbs, maxDoubledDelta );\n\t\tconst doubleSegment = deltaAbs === 0 ? 0 : deltaToDouble / deltaAbs;\n\t\tconst singleSegment = 1 - doubleSegment;\n\n\t\tsetResizeRatio( singleSegment + doubleSegment * 2 );\n\n\t\tconst updatedWidth = startingWidth + delta.width;\n\n\t\tsetIsOversized( updatedWidth > defaultSize.width );\n\n\t\t// Width will be controlled by the library (via `resizeRatio`),\n\t\t// so we only need to update the height.\n\t\tsetFrameSize( {\n\t\t\theight: isOversized\n\t\t\t\t? '100%'\n\t\t\t\t: calculateNewHeight( updatedWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst handleResizeStop = ( _event, _direction, ref ) => {\n\t\tsetIsResizing( false );\n\n\t\tif ( ! isOversized ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsOversized( false );\n\n\t\tconst remainingWidth =\n\t\t\tref.ownerDocument.documentElement.offsetWidth - ref.offsetWidth;\n\n\t\tif ( remainingWidth > SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD ) {\n\t\t\t// Reset the initial aspect ratio if the frame is resized slightly\n\t\t\t// above the sidebar but not far enough to trigger full screen.\n\t\t\tsetFrameSize( INITIAL_FRAME_SIZE );\n\t\t} else {\n\t\t\t// Trigger full screen if the frame is resized far enough to the left.\n\t\t\tsetCanvasMode( 'edit' );\n\t\t}\n\t};\n\n\t// Handle resize by arrow keys\n\tconst handleResizableHandleKeyDown = ( event ) => {\n\t\tif ( ! [ 'ArrowLeft', 'ArrowRight' ].includes( event.key ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tevent.preventDefault();\n\n\t\tconst step = 20 * ( event.shiftKey ? 5 : 1 );\n\t\tconst delta =\n\t\t\tstep *\n\t\t\t( event.key === 'ArrowLeft' ? 1 : -1 ) *\n\t\t\t( isRTL() ? -1 : 1 );\n\t\tconst newWidth = Math.min(\n\t\t\tMath.max(\n\t\t\t\tFRAME_MIN_WIDTH,\n\t\t\t\tframeRef.current.resizable.offsetWidth + delta\n\t\t\t),\n\t\t\tdefaultSize.width\n\t\t);\n\n\t\tsetFrameSize( {\n\t\t\twidth: newWidth,\n\t\t\theight: calculateNewHeight( newWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst frameAnimationVariants = {\n\t\tdefault: {\n\t\t\tflexGrow: 0,\n\t\t\theight: frameSize.height,\n\t\t},\n\t\tfullWidth: {\n\t\t\tflexGrow: 1,\n\t\t\theight: frameSize.height,\n\t\t},\n\t};\n\n\tconst resizeHandleVariants = {\n\t\thidden: {\n\t\t\topacity: 0,\n\t\t\t...( isRTL() ? { right: 0 } : { left: 0 } ),\n\t\t},\n\t\tvisible: {\n\t\t\topacity: 1,\n\t\t\t// Account for the handle's width.\n\t\t\t...( isRTL() ? { right: -14 } : { left: -14 } ),\n\t\t},\n\t\tactive: {\n\t\t\topacity: 1,\n\t\t\t// Account for the handle's width.\n\t\t\t...( isRTL() ? { right: -14 } : { left: -14 } ),\n\t\t\tscaleY: 1.3,\n\t\t},\n\t};\n\tconst currentResizeHandleVariant = ( () => {\n\t\tif ( isResizing ) {\n\t\t\treturn 'active';\n\t\t}\n\t\treturn shouldShowHandle ? 'visible' : 'hidden';\n\t} )();\n\n\treturn (\n\t\t<ResizableBox\n\t\t\tas={ motion.div }\n\t\t\tref={ frameRef }\n\t\t\tinitial={ false }\n\t\t\tvariants={ frameAnimationVariants }\n\t\t\tanimate={ isFullWidth ? 'fullWidth' : 'default' }\n\t\t\tonAnimationComplete={ ( definition ) => {\n\t\t\t\tif ( definition === 'fullWidth' ) {\n\t\t\t\t\tsetFrameSize( { width: '100%', height: '100%' } );\n\t\t\t\t}\n\t\t\t} }\n\t\t\twhileHover={\n\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.5,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  }\n\t\t\t\t\t: {}\n\t\t\t}\n\t\t\ttransition={ FRAME_TRANSITION }\n\t\t\tsize={ frameSize }\n\t\t\tenable={ {\n\t\t\t\ttop: false,\n\t\t\t\tbottom: false,\n\t\t\t\t// Resizing will be disabled until the editor content is loaded.\n\t\t\t\t...( isRTL()\n\t\t\t\t\t? { right: isReady, left: false }\n\t\t\t\t\t: { left: isReady, right: false } ),\n\t\t\t\ttopRight: false,\n\t\t\t\tbottomRight: false,\n\t\t\t\tbottomLeft: false,\n\t\t\t\ttopLeft: false,\n\t\t\t} }\n\t\t\tresizeRatio={ resizeRatio }\n\t\t\thandleClasses={ undefined }\n\t\t\thandleStyles={ {\n\t\t\t\tleft: HANDLE_STYLES_OVERRIDE,\n\t\t\t\tright: HANDLE_STYLES_OVERRIDE,\n\t\t\t} }\n\t\t\tminWidth={ FRAME_MIN_WIDTH }\n\t\t\tmaxWidth={ isFullWidth ? '100%' : '150%' }\n\t\t\tmaxHeight=\"100%\"\n\t\t\tonFocus={ () => setShouldShowHandle( true ) }\n\t\t\tonBlur={ () => setShouldShowHandle( false ) }\n\t\t\tonMouseOver={ () => setShouldShowHandle( true ) }\n\t\t\tonMouseOut={ () => setShouldShowHandle( false ) }\n\t\t\thandleComponent={ {\n\t\t\t\t[ isRTL() ? 'right' : 'left' ]: canvasMode === 'view' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip text={ __( 'Drag to resize' ) }>\n\t\t\t\t\t\t\t{ /* Disable reason: role=\"separator\" does in fact support aria-valuenow */ }\n\t\t\t\t\t\t\t{ /* eslint-disable-next-line jsx-a11y/role-supports-aria-props */ }\n\t\t\t\t\t\t\t<motion.button\n\t\t\t\t\t\t\t\tkey=\"handle\"\n\t\t\t\t\t\t\t\trole=\"separator\"\n\t\t\t\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t'edit-site-resizable-frame__handle',\n\t\t\t\t\t\t\t\t\t{ 'is-resizing': isResizing }\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tvariants={ resizeHandleVariants }\n\t\t\t\t\t\t\t\tanimate={ currentResizeHandleVariant }\n\t\t\t\t\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\t\t\t\t\taria-describedby={ resizableHandleHelpId }\n\t\t\t\t\t\t\t\taria-valuenow={\n\t\t\t\t\t\t\t\t\tframeRef.current?.resizable?.offsetWidth ||\n\t\t\t\t\t\t\t\t\tundefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taria-valuemin={ FRAME_MIN_WIDTH }\n\t\t\t\t\t\t\t\taria-valuemax={ defaultSize.width }\n\t\t\t\t\t\t\t\tonKeyDown={ handleResizableHandleKeyDown }\n\t\t\t\t\t\t\t\tinitial=\"hidden\"\n\t\t\t\t\t\t\t\texit=\"hidden\"\n\t\t\t\t\t\t\t\twhileFocus=\"active\"\n\t\t\t\t\t\t\t\twhileHover=\"active\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t<div hidden id={ resizableHandleHelpId }>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Use left and right arrow keys to resize the canvas. Hold shift to resize in larger increments.'\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),\n\t\t\t} }\n\t\t\tonResizeStart={ handleResizeStart }\n\t\t\tonResize={ handleResize }\n\t\t\tonResizeStop={ handleResizeStop }\n\t\t\tclassName={ clsx( 'edit-site-resizable-frame__inner', {\n\t\t\t\t'is-resizing': isResizing,\n\t\t\t} ) }\n\t\t\tshowHandle={ false } // Do not show the default handle, as we're using a custom one.\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-resizable-frame__inner-content\"\n\t\t\t\tstyle={ innerContentStyle }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</ResizableBox>\n\t);\n}\n\nexport default ResizableFrame;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_components","_compose","_i18n","_router","_lockUnlock","_jsxRuntime","useLocation","useHistory","unlock","routerPrivateApis","HANDLE_STYLES_OVERRIDE","position","undefined","userSelect","cursor","width","height","top","right","bottom","left","FRAME_MIN_WIDTH","FRAME_REFERENCE_WIDTH","FRAME_TARGET_ASPECT_RATIO","SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD","INITIAL_FRAME_SIZE","calculateNewHeight","initialAspectRatio","lerp","a","b","amount","lerpFactor","Math","max","min","intermediateAspectRatio","ResizableFrame","isFullWidth","isOversized","setIsOversized","isReady","children","defaultSize","innerContentStyle","history","params","canvas","disableMotion","useReducedMotion","frameSize","setFrameSize","useState","startingWidth","setStartingWidth","isResizing","setIsResizing","shouldShowHandle","setShouldShowHandle","resizeRatio","setResizeRatio","FRAME_TRANSITION","type","duration","frameRef","useRef","resizableHandleHelpId","useInstanceId","defaultAspectRatio","handleResizeStart","_event","_direction","ref","offsetWidth","handleResize","_ref","delta","normalizedDelta","deltaAbs","abs","maxDoubledDelta","deltaToDouble","doubleSegment","singleSegment","updatedWidth","handleResizeStop","remainingWidth","ownerDocument","documentElement","push","transition","handleResizableHandleKeyDown","event","includes","key","preventDefault","step","shiftKey","isRTL","newWidth","current","resizable","frameAnimationVariants","default","flexGrow","fullWidth","resizeHandleVariants","hidden","opacity","visible","active","scaleY","currentResizeHandleVariant","jsx","ResizableBox","as","motion","div","initial","variants","animate","onAnimationComplete","definition","whileHover","scale","ease","size","enable","topRight","bottomRight","bottomLeft","topLeft","handleClasses","handleStyles","minWidth","maxWidth","maxHeight","onFocus","onBlur","onMouseOver","onMouseOut","handleComponent","jsxs","Fragment","Tooltip","text","__","__unstableMotion","button","role","className","clsx","onKeyDown","exit","whileFocus","id","onResizeStart","onResize","onResizeStop","showHandle","style","_default","exports"],"sources":["@wordpress/edit-site/src/components/resizable-frame/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tResizableBox,\n\tTooltip,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { useInstanceId, useReducedMotion } from '@wordpress/compose';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\n// Removes the inline styles in the drag handles.\nconst HANDLE_STYLES_OVERRIDE = {\n\tposition: undefined,\n\tuserSelect: undefined,\n\tcursor: undefined,\n\twidth: undefined,\n\theight: undefined,\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\n// The minimum width of the frame (in px) while resizing.\nconst FRAME_MIN_WIDTH = 320;\n// The reference width of the frame (in px) used to calculate the aspect ratio.\nconst FRAME_REFERENCE_WIDTH = 1300;\n// 9 : 19.5 is the target aspect ratio enforced (when possible) while resizing.\nconst FRAME_TARGET_ASPECT_RATIO = 9 / 19.5;\n// The minimum distance (in px) between the frame resize handle and the\n// viewport's edge. If the frame is resized to be closer to the viewport's edge\n// than this distance, then \"canvas mode\" will be enabled.\nconst SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD = 200;\n// Default size for the `frameSize` state.\nconst INITIAL_FRAME_SIZE = { width: '100%', height: '100%' };\n\nfunction calculateNewHeight( width, initialAspectRatio ) {\n\tconst lerp = ( a, b, amount ) => {\n\t\treturn a + ( b - a ) * amount;\n\t};\n\n\t// Calculate the intermediate aspect ratio based on the current width.\n\tconst lerpFactor =\n\t\t1 -\n\t\tMath.max(\n\t\t\t0,\n\t\t\tMath.min(\n\t\t\t\t1,\n\t\t\t\t( width - FRAME_MIN_WIDTH ) /\n\t\t\t\t\t( FRAME_REFERENCE_WIDTH - FRAME_MIN_WIDTH )\n\t\t\t)\n\t\t);\n\n\t// Calculate the height based on the intermediate aspect ratio\n\t// ensuring the frame arrives at the target aspect ratio.\n\tconst intermediateAspectRatio = lerp(\n\t\tinitialAspectRatio,\n\t\tFRAME_TARGET_ASPECT_RATIO,\n\t\tlerpFactor\n\t);\n\n\treturn width / intermediateAspectRatio;\n}\n\nfunction ResizableFrame( {\n\tisFullWidth,\n\tisOversized,\n\tsetIsOversized,\n\tisReady,\n\tchildren,\n\t/** The default (unresized) width/height of the frame, based on the space availalbe in the viewport. */\n\tdefaultSize,\n\tinnerContentStyle,\n} ) {\n\tconst history = useHistory();\n\tconst { params } = useLocation();\n\tconst { canvas = 'view' } = params;\n\tconst disableMotion = useReducedMotion();\n\tconst [ frameSize, setFrameSize ] = useState( INITIAL_FRAME_SIZE );\n\t// The width of the resizable frame when a new resize gesture starts.\n\tconst [ startingWidth, setStartingWidth ] = useState();\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst [ shouldShowHandle, setShouldShowHandle ] = useState( false );\n\tconst [ resizeRatio, setResizeRatio ] = useState( 1 );\n\n\tconst FRAME_TRANSITION = { type: 'tween', duration: isResizing ? 0 : 0.5 };\n\tconst frameRef = useRef( null );\n\tconst resizableHandleHelpId = useInstanceId(\n\t\tResizableFrame,\n\t\t'edit-site-resizable-frame-handle-help'\n\t);\n\tconst defaultAspectRatio = defaultSize.width / defaultSize.height;\n\n\tconst handleResizeStart = ( _event, _direction, ref ) => {\n\t\t// Remember the starting width so we don't have to get `ref.offsetWidth` on\n\t\t// every resize event thereafter, which will cause layout thrashing.\n\t\tsetStartingWidth( ref.offsetWidth );\n\t\tsetIsResizing( true );\n\t};\n\n\t// Calculate the frame size based on the window width as its resized.\n\tconst handleResize = ( _event, _direction, _ref, delta ) => {\n\t\tconst normalizedDelta = delta.width / resizeRatio;\n\t\tconst deltaAbs = Math.abs( normalizedDelta );\n\t\tconst maxDoubledDelta =\n\t\t\tdelta.width < 0 // is shrinking\n\t\t\t\t? deltaAbs\n\t\t\t\t: ( defaultSize.width - startingWidth ) / 2;\n\t\tconst deltaToDouble = Math.min( deltaAbs, maxDoubledDelta );\n\t\tconst doubleSegment = deltaAbs === 0 ? 0 : deltaToDouble / deltaAbs;\n\t\tconst singleSegment = 1 - doubleSegment;\n\n\t\tsetResizeRatio( singleSegment + doubleSegment * 2 );\n\n\t\tconst updatedWidth = startingWidth + delta.width;\n\n\t\tsetIsOversized( updatedWidth > defaultSize.width );\n\n\t\t// Width will be controlled by the library (via `resizeRatio`),\n\t\t// so we only need to update the height.\n\t\tsetFrameSize( {\n\t\t\theight: isOversized\n\t\t\t\t? '100%'\n\t\t\t\t: calculateNewHeight( updatedWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst handleResizeStop = ( _event, _direction, ref ) => {\n\t\tsetIsResizing( false );\n\n\t\tif ( ! isOversized ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsOversized( false );\n\n\t\tconst remainingWidth =\n\t\t\tref.ownerDocument.documentElement.offsetWidth - ref.offsetWidth;\n\n\t\tif ( remainingWidth > SNAP_TO_EDIT_CANVAS_MODE_THRESHOLD ) {\n\t\t\t// Reset the initial aspect ratio if the frame is resized slightly\n\t\t\t// above the sidebar but not far enough to trigger full screen.\n\t\t\tsetFrameSize( INITIAL_FRAME_SIZE );\n\t\t} else {\n\t\t\t// Trigger full screen if the frame is resized far enough to the left.\n\t\t\thistory.push(\n\t\t\t\t{\n\t\t\t\t\t...params,\n\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t},\n\t\t\t\tundefined,\n\t\t\t\t{\n\t\t\t\t\ttransition: 'canvas-mode-edit-transition',\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t};\n\n\t// Handle resize by arrow keys\n\tconst handleResizableHandleKeyDown = ( event ) => {\n\t\tif ( ! [ 'ArrowLeft', 'ArrowRight' ].includes( event.key ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tevent.preventDefault();\n\n\t\tconst step = 20 * ( event.shiftKey ? 5 : 1 );\n\t\tconst delta =\n\t\t\tstep *\n\t\t\t( event.key === 'ArrowLeft' ? 1 : -1 ) *\n\t\t\t( isRTL() ? -1 : 1 );\n\t\tconst newWidth = Math.min(\n\t\t\tMath.max(\n\t\t\t\tFRAME_MIN_WIDTH,\n\t\t\t\tframeRef.current.resizable.offsetWidth + delta\n\t\t\t),\n\t\t\tdefaultSize.width\n\t\t);\n\n\t\tsetFrameSize( {\n\t\t\twidth: newWidth,\n\t\t\theight: calculateNewHeight( newWidth, defaultAspectRatio ),\n\t\t} );\n\t};\n\n\tconst frameAnimationVariants = {\n\t\tdefault: {\n\t\t\tflexGrow: 0,\n\t\t\theight: frameSize.height,\n\t\t},\n\t\tfullWidth: {\n\t\t\tflexGrow: 1,\n\t\t\theight: frameSize.height,\n\t\t},\n\t};\n\n\tconst resizeHandleVariants = {\n\t\thidden: {\n\t\t\topacity: 0,\n\t\t\t...( isRTL() ? { right: 0 } : { left: 0 } ),\n\t\t},\n\t\tvisible: {\n\t\t\topacity: 1,\n\t\t\t// Account for the handle's width.\n\t\t\t...( isRTL() ? { right: -14 } : { left: -14 } ),\n\t\t},\n\t\tactive: {\n\t\t\topacity: 1,\n\t\t\t// Account for the handle's width.\n\t\t\t...( isRTL() ? { right: -14 } : { left: -14 } ),\n\t\t\tscaleY: 1.3,\n\t\t},\n\t};\n\tconst currentResizeHandleVariant = ( () => {\n\t\tif ( isResizing ) {\n\t\t\treturn 'active';\n\t\t}\n\t\treturn shouldShowHandle ? 'visible' : 'hidden';\n\t} )();\n\n\treturn (\n\t\t<ResizableBox\n\t\t\tas={ motion.div }\n\t\t\tref={ frameRef }\n\t\t\tinitial={ false }\n\t\t\tvariants={ frameAnimationVariants }\n\t\t\tanimate={ isFullWidth ? 'fullWidth' : 'default' }\n\t\t\tonAnimationComplete={ ( definition ) => {\n\t\t\t\tif ( definition === 'fullWidth' ) {\n\t\t\t\t\tsetFrameSize( { width: '100%', height: '100%' } );\n\t\t\t\t}\n\t\t\t} }\n\t\t\twhileHover={\n\t\t\t\tcanvas === 'view'\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.5,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  }\n\t\t\t\t\t: {}\n\t\t\t}\n\t\t\ttransition={ FRAME_TRANSITION }\n\t\t\tsize={ frameSize }\n\t\t\tenable={ {\n\t\t\t\ttop: false,\n\t\t\t\tbottom: false,\n\t\t\t\t// Resizing will be disabled until the editor content is loaded.\n\t\t\t\t...( isRTL()\n\t\t\t\t\t? { right: isReady, left: false }\n\t\t\t\t\t: { left: isReady, right: false } ),\n\t\t\t\ttopRight: false,\n\t\t\t\tbottomRight: false,\n\t\t\t\tbottomLeft: false,\n\t\t\t\ttopLeft: false,\n\t\t\t} }\n\t\t\tresizeRatio={ resizeRatio }\n\t\t\thandleClasses={ undefined }\n\t\t\thandleStyles={ {\n\t\t\t\tleft: HANDLE_STYLES_OVERRIDE,\n\t\t\t\tright: HANDLE_STYLES_OVERRIDE,\n\t\t\t} }\n\t\t\tminWidth={ FRAME_MIN_WIDTH }\n\t\t\tmaxWidth={ isFullWidth ? '100%' : '150%' }\n\t\t\tmaxHeight=\"100%\"\n\t\t\tonFocus={ () => setShouldShowHandle( true ) }\n\t\t\tonBlur={ () => setShouldShowHandle( false ) }\n\t\t\tonMouseOver={ () => setShouldShowHandle( true ) }\n\t\t\tonMouseOut={ () => setShouldShowHandle( false ) }\n\t\t\thandleComponent={ {\n\t\t\t\t[ isRTL() ? 'right' : 'left' ]: canvas === 'view' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Tooltip text={ __( 'Drag to resize' ) }>\n\t\t\t\t\t\t\t{ /* Disable reason: role=\"separator\" does in fact support aria-valuenow */ }\n\t\t\t\t\t\t\t{ /* eslint-disable-next-line jsx-a11y/role-supports-aria-props */ }\n\t\t\t\t\t\t\t<motion.button\n\t\t\t\t\t\t\t\tkey=\"handle\"\n\t\t\t\t\t\t\t\trole=\"separator\"\n\t\t\t\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t'edit-site-resizable-frame__handle',\n\t\t\t\t\t\t\t\t\t{ 'is-resizing': isResizing }\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tvariants={ resizeHandleVariants }\n\t\t\t\t\t\t\t\tanimate={ currentResizeHandleVariant }\n\t\t\t\t\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\t\t\t\t\taria-describedby={ resizableHandleHelpId }\n\t\t\t\t\t\t\t\taria-valuenow={\n\t\t\t\t\t\t\t\t\tframeRef.current?.resizable?.offsetWidth ||\n\t\t\t\t\t\t\t\t\tundefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taria-valuemin={ FRAME_MIN_WIDTH }\n\t\t\t\t\t\t\t\taria-valuemax={ defaultSize.width }\n\t\t\t\t\t\t\t\tonKeyDown={ handleResizableHandleKeyDown }\n\t\t\t\t\t\t\t\tinitial=\"hidden\"\n\t\t\t\t\t\t\t\texit=\"hidden\"\n\t\t\t\t\t\t\t\twhileFocus=\"active\"\n\t\t\t\t\t\t\t\twhileHover=\"active\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t<div hidden id={ resizableHandleHelpId }>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Use left and right arrow keys to resize the canvas. Hold shift to resize in larger increments.'\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),\n\t\t\t} }\n\t\t\tonResizeStart={ handleResizeStart }\n\t\t\tonResize={ handleResize }\n\t\t\tonResizeStop={ handleResizeStop }\n\t\t\tclassName={ clsx( 'edit-site-resizable-frame__inner', {\n\t\t\t\t'is-resizing': isResizing,\n\t\t\t} ) }\n\t\t\tshowHandle={ false } // Do not show the default handle, as we're using a custom one.\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-resizable-frame__inner-content\"\n\t\t\t\tstyle={ innerContentStyle }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</ResizableBox>\n\t);\n}\n\nexport default ResizableFrame;\n"],"mappings":"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","ignoreList":[]}

package/build/components/revisions/index.js

@@ -51,7 +51,7 @@ function Revisions({
   const originalSettings = (0, _data.useSelect)(select => select(_blockEditor.store).getSettings(), []);
   const settings = (0, _element.useMemo)(() => ({
     ...originalSettings,
-    __unstableIsPreviewMode: true
+    isPreviewMode: true
   }), [originalSettings]);
   const [globalStyles] = useGlobalStylesOutputWithConfig(mergedConfig);
   const editorStyles = !isObjectEmpty(globalStyles) && !isObjectEmpty(userConfig) ? globalStyles : settings.styles;

package/build/components/revisions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_blockEditor","_editor","_data","_element","_lockUnlock","_editorCanvasContainer","_interopRequireDefault","_jsxRuntime","ExperimentalBlockEditorProvider","GlobalStylesContext","useGlobalStylesOutputWithConfig","__unstableBlockStyleVariationOverridesWithConfig","unlock","blockEditorPrivateApis","mergeBaseAndUserConfigs","editorPrivateApis","isObjectEmpty","object","Object","keys","length","Revisions","userConfig","blocks","base","baseConfig","useContext","mergedConfig","useMemo","renderedBlocksArray","Array","isArray","originalSettings","useSelect","select","blockEditorStore","getSettings","settings","__unstableIsPreviewMode","globalStyles","editorStyles","styles","jsx","default","title","__","closeButtonLabel","enableResizing","children","jsxs","__unstableIframe","className","name","tabIndex","Disabled","value","BlockList","renderAppender","__unstableEditorStyles","config","_default","exports"],"sources":["@wordpress/edit-site/src/components/revisions/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Disabled } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBlockList,\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n\t__unstableEditorStyles as EditorStyles,\n\t__unstableIframe as Iframe,\n} from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { unlock } from '../../lock-unlock';\nimport EditorCanvasContainer from '../editor-canvas-container';\n\nconst {\n\tExperimentalBlockEditorProvider,\n\tGlobalStylesContext,\n\tuseGlobalStylesOutputWithConfig,\n\t__unstableBlockStyleVariationOverridesWithConfig,\n} = unlock( blockEditorPrivateApis );\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nfunction isObjectEmpty( object ) {\n\treturn ! object || Object.keys( object ).length === 0;\n}\n\nfunction Revisions( { userConfig, blocks } ) {\n\tconst { base: baseConfig } = useContext( GlobalStylesContext );\n\n\tconst mergedConfig = useMemo( () => {\n\t\tif ( ! isObjectEmpty( userConfig ) && ! isObjectEmpty( baseConfig ) ) {\n\t\t\treturn mergeBaseAndUserConfigs( baseConfig, userConfig );\n\t\t}\n\t\treturn {};\n\t}, [ baseConfig, userConfig ] );\n\n\tconst renderedBlocksArray = useMemo(\n\t\t() => ( Array.isArray( blocks ) ? blocks : [ blocks ] ),\n\t\t[ blocks ]\n\t);\n\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\tconst settings = useMemo(\n\t\t() => ( { ...originalSettings, __unstableIsPreviewMode: true } ),\n\t\t[ originalSettings ]\n\t);\n\n\tconst [ globalStyles ] = useGlobalStylesOutputWithConfig( mergedConfig );\n\n\tconst editorStyles =\n\t\t! isObjectEmpty( globalStyles ) && ! isObjectEmpty( userConfig )\n\t\t\t? globalStyles\n\t\t\t: settings.styles;\n\n\treturn (\n\t\t<EditorCanvasContainer\n\t\t\ttitle={ __( 'Revisions' ) }\n\t\t\tcloseButtonLabel={ __( 'Close revisions' ) }\n\t\t\tenableResizing\n\t\t>\n\t\t\t<Iframe\n\t\t\t\tclassName=\"edit-site-revisions__iframe\"\n\t\t\t\tname=\"revisions\"\n\t\t\t\ttabIndex={ 0 }\n\t\t\t>\n\t\t\t\t<style>\n\t\t\t\t\t{\n\t\t\t\t\t\t// Forming a \"block formatting context\" to prevent margin collapsing.\n\t\t\t\t\t\t// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n\t\t\t\t\t\t`.is-root-container { display: flow-root; }`\n\t\t\t\t\t}\n\t\t\t\t</style>\n\t\t\t\t<Disabled className=\"edit-site-revisions__example-preview__content\">\n\t\t\t\t\t<ExperimentalBlockEditorProvider\n\t\t\t\t\t\tvalue={ renderedBlocksArray }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockList renderAppender={ false } />\n\t\t\t\t\t\t{ /*\n\t\t\t\t\t\t * Styles are printed inside the block editor provider,\n\t\t\t\t\t\t * so they can access any registered style overrides.\n\t\t\t\t\t\t */ }\n\t\t\t\t\t\t<EditorStyles styles={ editorStyles } />\n\t\t\t\t\t\t<__unstableBlockStyleVariationOverridesWithConfig\n\t\t\t\t\t\t\tconfig={ mergedConfig }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ExperimentalBlockEditorProvider>\n\t\t\t\t</Disabled>\n\t\t\t</Iframe>\n\t\t</EditorCanvasContainer>\n\t);\n}\n\nexport default Revisions;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_blockEditor","_editor","_data","_element","_lockUnlock","_editorCanvasContainer","_interopRequireDefault","_jsxRuntime","ExperimentalBlockEditorProvider","GlobalStylesContext","useGlobalStylesOutputWithConfig","__unstableBlockStyleVariationOverridesWithConfig","unlock","blockEditorPrivateApis","mergeBaseAndUserConfigs","editorPrivateApis","isObjectEmpty","object","Object","keys","length","Revisions","userConfig","blocks","base","baseConfig","useContext","mergedConfig","useMemo","renderedBlocksArray","Array","isArray","originalSettings","useSelect","select","blockEditorStore","getSettings","settings","isPreviewMode","globalStyles","editorStyles","styles","jsx","default","title","__","closeButtonLabel","enableResizing","children","jsxs","__unstableIframe","className","name","tabIndex","Disabled","value","BlockList","renderAppender","__unstableEditorStyles","config","_default","exports"],"sources":["@wordpress/edit-site/src/components/revisions/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Disabled } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBlockList,\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n\t__unstableEditorStyles as EditorStyles,\n\t__unstableIframe as Iframe,\n} from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { unlock } from '../../lock-unlock';\nimport EditorCanvasContainer from '../editor-canvas-container';\n\nconst {\n\tExperimentalBlockEditorProvider,\n\tGlobalStylesContext,\n\tuseGlobalStylesOutputWithConfig,\n\t__unstableBlockStyleVariationOverridesWithConfig,\n} = unlock( blockEditorPrivateApis );\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nfunction isObjectEmpty( object ) {\n\treturn ! object || Object.keys( object ).length === 0;\n}\n\nfunction Revisions( { userConfig, blocks } ) {\n\tconst { base: baseConfig } = useContext( GlobalStylesContext );\n\n\tconst mergedConfig = useMemo( () => {\n\t\tif ( ! isObjectEmpty( userConfig ) && ! isObjectEmpty( baseConfig ) ) {\n\t\t\treturn mergeBaseAndUserConfigs( baseConfig, userConfig );\n\t\t}\n\t\treturn {};\n\t}, [ baseConfig, userConfig ] );\n\n\tconst renderedBlocksArray = useMemo(\n\t\t() => ( Array.isArray( blocks ) ? blocks : [ blocks ] ),\n\t\t[ blocks ]\n\t);\n\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\tconst settings = useMemo(\n\t\t() => ( {\n\t\t\t...originalSettings,\n\t\t\tisPreviewMode: true,\n\t\t} ),\n\t\t[ originalSettings ]\n\t);\n\n\tconst [ globalStyles ] = useGlobalStylesOutputWithConfig( mergedConfig );\n\n\tconst editorStyles =\n\t\t! isObjectEmpty( globalStyles ) && ! isObjectEmpty( userConfig )\n\t\t\t? globalStyles\n\t\t\t: settings.styles;\n\n\treturn (\n\t\t<EditorCanvasContainer\n\t\t\ttitle={ __( 'Revisions' ) }\n\t\t\tcloseButtonLabel={ __( 'Close revisions' ) }\n\t\t\tenableResizing\n\t\t>\n\t\t\t<Iframe\n\t\t\t\tclassName=\"edit-site-revisions__iframe\"\n\t\t\t\tname=\"revisions\"\n\t\t\t\ttabIndex={ 0 }\n\t\t\t>\n\t\t\t\t<style>\n\t\t\t\t\t{\n\t\t\t\t\t\t// Forming a \"block formatting context\" to prevent margin collapsing.\n\t\t\t\t\t\t// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n\t\t\t\t\t\t`.is-root-container { display: flow-root; }`\n\t\t\t\t\t}\n\t\t\t\t</style>\n\t\t\t\t<Disabled className=\"edit-site-revisions__example-preview__content\">\n\t\t\t\t\t<ExperimentalBlockEditorProvider\n\t\t\t\t\t\tvalue={ renderedBlocksArray }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockList renderAppender={ false } />\n\t\t\t\t\t\t{ /*\n\t\t\t\t\t\t * Styles are printed inside the block editor provider,\n\t\t\t\t\t\t * so they can access any registered style overrides.\n\t\t\t\t\t\t */ }\n\t\t\t\t\t\t<EditorStyles styles={ editorStyles } />\n\t\t\t\t\t\t<__unstableBlockStyleVariationOverridesWithConfig\n\t\t\t\t\t\t\tconfig={ mergedConfig }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ExperimentalBlockEditorProvider>\n\t\t\t\t</Disabled>\n\t\t\t</Iframe>\n\t\t</EditorCanvasContainer>\n\t);\n}\n\nexport default Revisions;\n"],"mappings":"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","ignoreList":[]}

package/build/components/save-keyboard-shortcut/index.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SaveKeyboardShortcut;
+var _element = require("@wordpress/element");
+var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
+var _i18n = require("@wordpress/i18n");
+var _data = require("@wordpress/data");
+var _coreData = require("@wordpress/core-data");
+var _editor = require("@wordpress/editor");
+var _store = require("../../store");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const shortcutName = 'core/edit-site/save';
+
+/**
+ * Register the save keyboard shortcut in view mode.
+ *
+ * @return {null} Returns null.
+ */
+function SaveKeyboardShortcut() {
+  const {
+    __experimentalGetDirtyEntityRecords,
+    isSavingEntityRecord
+  } = (0, _data.useSelect)(_coreData.store);
+  const {
+    hasNonPostEntityChanges,
+    isPostSavingLocked
+  } = (0, _data.useSelect)(_editor.store);
+  const {
+    savePost
+  } = (0, _data.useDispatch)(_editor.store);
+  const {
+    setIsSaveViewOpened
+  } = (0, _data.useDispatch)(_store.store);
+  const {
+    registerShortcut,
+    unregisterShortcut
+  } = (0, _data.useDispatch)(_keyboardShortcuts.store);
+  (0, _element.useEffect)(() => {
+    registerShortcut({
+      name: shortcutName,
+      category: 'global',
+      description: (0, _i18n.__)('Save your changes.'),
+      keyCombination: {
+        modifier: 'primary',
+        character: 's'
+      }
+    });
+    return () => {
+      unregisterShortcut(shortcutName);
+    };
+  }, [registerShortcut, unregisterShortcut]);
+  (0, _keyboardShortcuts.useShortcut)('core/edit-site/save', event => {
+    event.preventDefault();
+    const dirtyEntityRecords = __experimentalGetDirtyEntityRecords();
+    const hasDirtyEntities = !!dirtyEntityRecords.length;
+    const isSaving = dirtyEntityRecords.some(record => isSavingEntityRecord(record.kind, record.name, record.key));
+    if (!hasDirtyEntities || isSaving) {
+      return;
+    }
+    if (hasNonPostEntityChanges()) {
+      setIsSaveViewOpened(true);
+    } else if (!isPostSavingLocked()) {
+      savePost();
+    }
+  });
+  return null;
+}
+//# sourceMappingURL=index.js.map

package/build/components/save-keyboard-shortcut/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","_keyboardShortcuts","_i18n","_data","_coreData","_editor","_store","shortcutName","SaveKeyboardShortcut","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","useSelect","coreStore","hasNonPostEntityChanges","isPostSavingLocked","editorStore","savePost","useDispatch","setIsSaveViewOpened","editSiteStore","registerShortcut","unregisterShortcut","keyboardShortcutsStore","useEffect","name","category","description","__","keyCombination","modifier","character","useShortcut","event","preventDefault","dirtyEntityRecords","hasDirtyEntities","length","isSaving","some","record","kind","key"],"sources":["@wordpress/edit-site/src/components/save-keyboard-shortcut/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport {\n\tuseShortcut,\n\tstore as keyboardShortcutsStore,\n} from '@wordpress/keyboard-shortcuts';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nconst shortcutName = 'core/edit-site/save';\n\n/**\n * Register the save keyboard shortcut in view mode.\n *\n * @return {null} Returns null.\n */\nexport default function SaveKeyboardShortcut() {\n\tconst { __experimentalGetDirtyEntityRecords, isSavingEntityRecord } =\n\t\tuseSelect( coreStore );\n\tconst { hasNonPostEntityChanges, isPostSavingLocked } =\n\t\tuseSelect( editorStore );\n\tconst { savePost } = useDispatch( editorStore );\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\tconst { registerShortcut, unregisterShortcut } = useDispatch(\n\t\tkeyboardShortcutsStore\n\t);\n\tuseEffect( () => {\n\t\tregisterShortcut( {\n\t\t\tname: shortcutName,\n\t\t\tcategory: 'global',\n\t\t\tdescription: __( 'Save your changes.' ),\n\t\t\tkeyCombination: {\n\t\t\t\tmodifier: 'primary',\n\t\t\t\tcharacter: 's',\n\t\t\t},\n\t\t} );\n\t\treturn () => {\n\t\t\tunregisterShortcut( shortcutName );\n\t\t};\n\t}, [ registerShortcut, unregisterShortcut ] );\n\n\tuseShortcut( 'core/edit-site/save', ( event ) => {\n\t\tevent.preventDefault();\n\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\tconst hasDirtyEntities = !! dirtyEntityRecords.length;\n\t\tconst isSaving = dirtyEntityRecords.some( ( record ) =>\n\t\t\tisSavingEntityRecord( record.kind, record.name, record.key )\n\t\t);\n\t\tif ( ! hasDirtyEntities || isSaving ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( hasNonPostEntityChanges() ) {\n\t\t\tsetIsSaveViewOpened( true );\n\t\t} else if ( ! isPostSavingLocked() ) {\n\t\t\tsavePost();\n\t\t}\n\t} );\n\n\treturn null;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAIA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAhBA;AACA;AACA;;AAWA;AACA;AACA;;AAGA,MAAMO,YAAY,GAAG,qBAAqB;;AAE1C;AACA;AACA;AACA;AACA;AACe,SAASC,oBAAoBA,CAAA,EAAG;EAC9C,MAAM;IAAEC,mCAAmC;IAAEC;EAAqB,CAAC,GAClE,IAAAC,eAAS,EAAEC,eAAU,CAAC;EACvB,MAAM;IAAEC,uBAAuB;IAAEC;EAAmB,CAAC,GACpD,IAAAH,eAAS,EAAEI,aAAY,CAAC;EACzB,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,iBAAW,EAAEF,aAAY,CAAC;EAC/C,MAAM;IAAEG;EAAoB,CAAC,GAAG,IAAAD,iBAAW,EAAEE,YAAc,CAAC;EAC5D,MAAM;IAAEC,gBAAgB;IAAEC;EAAmB,CAAC,GAAG,IAAAJ,iBAAW,EAC3DK,wBACD,CAAC;EACD,IAAAC,kBAAS,EAAE,MAAM;IAChBH,gBAAgB,CAAE;MACjBI,IAAI,EAAEjB,YAAY;MAClBkB,QAAQ,EAAE,QAAQ;MAClBC,WAAW,EAAE,IAAAC,QAAE,EAAE,oBAAqB,CAAC;MACvCC,cAAc,EAAE;QACfC,QAAQ,EAAE,SAAS;QACnBC,SAAS,EAAE;MACZ;IACD,CAAE,CAAC;IACH,OAAO,MAAM;MACZT,kBAAkB,CAAEd,YAAa,CAAC;IACnC,CAAC;EACF,CAAC,EAAE,CAAEa,gBAAgB,EAAEC,kBAAkB,CAAG,CAAC;EAE7C,IAAAU,8BAAW,EAAE,qBAAqB,EAAIC,KAAK,IAAM;IAChDA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtB,MAAMC,kBAAkB,GAAGzB,mCAAmC,CAAC,CAAC;IAChE,MAAM0B,gBAAgB,GAAG,CAAC,CAAED,kBAAkB,CAACE,MAAM;IACrD,MAAMC,QAAQ,GAAGH,kBAAkB,CAACI,IAAI,CAAIC,MAAM,IACjD7B,oBAAoB,CAAE6B,MAAM,CAACC,IAAI,EAAED,MAAM,CAACf,IAAI,EAAEe,MAAM,CAACE,GAAI,CAC5D,CAAC;IACD,IAAK,CAAEN,gBAAgB,IAAIE,QAAQ,EAAG;MACrC;IACD;IACA,IAAKxB,uBAAuB,CAAC,CAAC,EAAG;MAChCK,mBAAmB,CAAE,IAAK,CAAC;IAC5B,CAAC,MAAM,IAAK,CAAEJ,kBAAkB,CAAC,CAAC,EAAG;MACpCE,QAAQ,CAAC,CAAC;IACX;EACD,CAAE,CAAC;EAEH,OAAO,IAAI;AACZ","ignoreList":[]}

package/build/components/save-panel/index.js

@@ -11,6 +11,8 @@ var _editor = require("@wordpress/editor");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
 var _coreData = require("@wordpress/core-data");
+var _router = require("@wordpress/router");
+var _element = require("@wordpress/element");
 var _store = require("../../store");
 var _lockUnlock = require("../../lock-unlock");
 var _useActivateTheme = require("../../utils/use-activate-theme");
@@ -33,6 +35,9 @@ const {
   EntitiesSavedStatesExtensible,
   NavigableRegion
 } = (0, _lockUnlock.unlock)(_editor.privateApis);
+const {
+  useLocation
+} = (0, _lockUnlock.unlock)(_router.privateApis);
 const EntitiesSavedStatesForPreview = ({
   onClose
 }) => {
@@ -47,7 +52,7 @@ const EntitiesSavedStatesForPreview = ({
   const currentTheme = (0, _useActualCurrentTheme.useActualCurrentTheme)();
   const previewingTheme = (0, _data.useSelect)(select => select(_coreData.store).getCurrentTheme(), []);
   const additionalPrompt = /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-    children: (0, _i18n.sprintf)(/* translators: %1$s: The name of active theme, %2$s: The name of theme to be activated. */
+    children: (0, _i18n.sprintf)(/* translators: 1: The name of active theme, 2: The name of theme to be activated. */
     (0, _i18n.__)('Saving your changes will change your active theme from %1$s to %2$s.'), (_currentTheme$name$re = currentTheme?.name?.rendered) !== null && _currentTheme$name$re !== void 0 ? _currentTheme$name$re : '...', (_previewingTheme$name = previewingTheme?.name?.rendered) !== null && _previewingTheme$name !== void 0 ? _previewingTheme$name : '...')
   });
   const activateTheme = (0, _useActivateTheme.useActivateTheme)();
@@ -79,9 +84,14 @@ const _EntitiesSavedStates = ({
   });
 };
 function SavePanel() {
+  const {
+    params
+  } = useLocation();
+  const {
+    canvas = 'view'
+  } = params;
   const {
     isSaveViewOpen,
-    canvasMode,
     isDirty,
     isSaving
   } = (0, _data.useSelect)(select => {
@@ -93,15 +103,13 @@ function SavePanel() {
     const dirtyEntityRecords = __experimentalGetDirtyEntityRecords();
     const isActivatingTheme = isResolving('activateTheme');
     const {
-      isSaveViewOpened,
-      getCanvasMode
+      isSaveViewOpened
     } = (0, _lockUnlock.unlock)(select(_store.store));
 
     // The currently selected entity to display.
     // Typically template or template part in the site editor.
     return {
       isSaveViewOpen: isSaveViewOpened(),
-      canvasMode: getCanvasMode(),
       isDirty: dirtyEntityRecords.length > 0,
       isSaving: dirtyEntityRecords.some(record => isSavingEntityRecord(record.kind, record.name, record.key)) || isActivatingTheme
     };
@@ -110,7 +118,10 @@ function SavePanel() {
     setIsSaveViewOpened
   } = (0, _data.useDispatch)(_store.store);
   const onClose = () => setIsSaveViewOpened(false);
-  if (canvasMode === 'view') {
+  (0, _element.useEffect)(() => {
+    setIsSaveViewOpened(false);
+  }, [canvas, setIsSaveViewOpened]);
+  if (canvas === 'view') {
     return isSaveViewOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, {
       className: "edit-site-save-panel__modal",
       onRequestClose: onClose,

package/build/components/save-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_editor","_data","_i18n","_coreData","_store","_lockUnlock","_useActivateTheme","_useActualCurrentTheme","_isPreviewingTheme","_jsxRuntime","EntitiesSavedStatesExtensible","NavigableRegion","unlock","privateApis","EntitiesSavedStatesForPreview","onClose","_currentTheme$name$re","_previewingTheme$name","isDirtyProps","useEntitiesSavedStatesIsDirty","activateSaveLabel","isDirty","__","currentTheme","useActualCurrentTheme","previewingTheme","useSelect","select","coreStore","getCurrentTheme","additionalPrompt","jsx","children","sprintf","name","rendered","activateTheme","useActivateTheme","onSave","values","close","saveEnabled","saveLabel","_EntitiesSavedStates","renderDialog","undefined","isPreviewingTheme","EntitiesSavedStates","SavePanel","isSaveViewOpen","canvasMode","isSaving","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","isResolving","dirtyEntityRecords","isActivatingTheme","isSaveViewOpened","getCanvasMode","editSiteStore","length","some","record","kind","key","setIsSaveViewOpened","useDispatch","Modal","className","onRequestClose","__experimentalHideHeader","contentLabel","activateSaveEnabled","disabled","jsxs","clsx","ariaLabel","Button","__next40pxDefaultSize","variant","onClick","accessibleWhenDisabled"],"sources":["@wordpress/edit-site/src/components/save-panel/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Modal } from '@wordpress/components';\nimport {\n\tEntitiesSavedStates,\n\tuseEntitiesSavedStatesIsDirty,\n\tprivateApis,\n} from '@wordpress/editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useActivateTheme } from '../../utils/use-activate-theme';\nimport { useActualCurrentTheme } from '../../utils/use-actual-current-theme';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\n\nconst { EntitiesSavedStatesExtensible, NavigableRegion } =\n\tunlock( privateApis );\n\nconst EntitiesSavedStatesForPreview = ( { onClose } ) => {\n\tconst isDirtyProps = useEntitiesSavedStatesIsDirty();\n\tlet activateSaveLabel;\n\tif ( isDirtyProps.isDirty ) {\n\t\tactivateSaveLabel = __( 'Activate & Save' );\n\t} else {\n\t\tactivateSaveLabel = __( 'Activate' );\n\t}\n\n\tconst currentTheme = useActualCurrentTheme();\n\n\tconst previewingTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\n\tconst additionalPrompt = (\n\t\t<p>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: %1$s: The name of active theme, %2$s: The name of theme to be activated. */\n\t\t\t\t__(\n\t\t\t\t\t'Saving your changes will change your active theme from %1$s to %2$s.'\n\t\t\t\t),\n\t\t\t\tcurrentTheme?.name?.rendered ?? '...',\n\t\t\t\tpreviewingTheme?.name?.rendered ?? '...'\n\t\t\t) }\n\t\t</p>\n\t);\n\n\tconst activateTheme = useActivateTheme();\n\tconst onSave = async ( values ) => {\n\t\tawait activateTheme();\n\t\treturn values;\n\t};\n\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\t{ ...{\n\t\t\t\t...isDirtyProps,\n\t\t\t\tadditionalPrompt,\n\t\t\t\tclose: onClose,\n\t\t\t\tonSave,\n\t\t\t\tsaveEnabled: true,\n\t\t\t\tsaveLabel: activateSaveLabel,\n\t\t\t} }\n\t\t/>\n\t);\n};\n\nconst _EntitiesSavedStates = ( { onClose, renderDialog = undefined } ) => {\n\tif ( isPreviewingTheme() ) {\n\t\treturn <EntitiesSavedStatesForPreview onClose={ onClose } />;\n\t}\n\treturn (\n\t\t<EntitiesSavedStates close={ onClose } renderDialog={ renderDialog } />\n\t);\n};\n\nexport default function SavePanel() {\n\tconst { isSaveViewOpen, canvasMode, isDirty, isSaving } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\tisSavingEntityRecord,\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\t\tconst { isSaveViewOpened, getCanvasMode } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\n\t\t\t// The currently selected entity to display.\n\t\t\t// Typically template or template part in the site editor.\n\t\t\treturn {\n\t\t\t\tisSaveViewOpen: isSaveViewOpened(),\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\t\tisSaving:\n\t\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\t\tisSavingEntityRecord(\n\t\t\t\t\t\t\trecord.kind,\n\t\t\t\t\t\t\trecord.name,\n\t\t\t\t\t\t\trecord.key\n\t\t\t\t\t\t)\n\t\t\t\t\t) || isActivatingTheme,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\tconst onClose = () => setIsSaveViewOpened( false );\n\n\tif ( canvasMode === 'view' ) {\n\t\treturn isSaveViewOpen ? (\n\t\t\t<Modal\n\t\t\t\tclassName=\"edit-site-save-panel__modal\"\n\t\t\t\tonRequestClose={ onClose }\n\t\t\t\t__experimentalHideHeader\n\t\t\t\tcontentLabel={ __(\n\t\t\t\t\t'Save site, content, and template changes'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } />\n\t\t\t</Modal>\n\t\t) : null;\n\t}\n\tconst activateSaveEnabled = isPreviewingTheme() || isDirty;\n\tconst disabled = isSaving || ! activateSaveEnabled;\n\treturn (\n\t\t<NavigableRegion\n\t\t\tclassName={ clsx( 'edit-site-layout__actions', {\n\t\t\t\t'is-entity-save-view-open': isSaveViewOpen,\n\t\t\t} ) }\n\t\t\tariaLabel={ __( 'Save panel' ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-editor__toggle-save-panel', {\n\t\t\t\t\t'screen-reader-text': isSaveViewOpen,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tclassName=\"edit-site-editor__toggle-save-panel-button\"\n\t\t\t\t\tonClick={ () => setIsSaveViewOpened( true ) }\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{ isSaveViewOpen && (\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } renderDialog />\n\t\t\t) }\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_editor","_data","_i18n","_coreData","_router","_element","_store","_lockUnlock","_useActivateTheme","_useActualCurrentTheme","_isPreviewingTheme","_jsxRuntime","EntitiesSavedStatesExtensible","NavigableRegion","unlock","privateApis","useLocation","routerPrivateApis","EntitiesSavedStatesForPreview","onClose","_currentTheme$name$re","_previewingTheme$name","isDirtyProps","useEntitiesSavedStatesIsDirty","activateSaveLabel","isDirty","__","currentTheme","useActualCurrentTheme","previewingTheme","useSelect","select","coreStore","getCurrentTheme","additionalPrompt","jsx","children","sprintf","name","rendered","activateTheme","useActivateTheme","onSave","values","close","saveEnabled","saveLabel","_EntitiesSavedStates","renderDialog","undefined","isPreviewingTheme","EntitiesSavedStates","SavePanel","params","canvas","isSaveViewOpen","isSaving","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","isResolving","dirtyEntityRecords","isActivatingTheme","isSaveViewOpened","editSiteStore","length","some","record","kind","key","setIsSaveViewOpened","useDispatch","useEffect","Modal","className","onRequestClose","__experimentalHideHeader","contentLabel","activateSaveEnabled","disabled","jsxs","clsx","ariaLabel","Button","__next40pxDefaultSize","variant","onClick","accessibleWhenDisabled"],"sources":["@wordpress/edit-site/src/components/save-panel/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Modal } from '@wordpress/components';\nimport {\n\tEntitiesSavedStates,\n\tuseEntitiesSavedStatesIsDirty,\n\tprivateApis,\n} from '@wordpress/editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useActivateTheme } from '../../utils/use-activate-theme';\nimport { useActualCurrentTheme } from '../../utils/use-actual-current-theme';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\n\nconst { EntitiesSavedStatesExtensible, NavigableRegion } =\n\tunlock( privateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst EntitiesSavedStatesForPreview = ( { onClose } ) => {\n\tconst isDirtyProps = useEntitiesSavedStatesIsDirty();\n\tlet activateSaveLabel;\n\tif ( isDirtyProps.isDirty ) {\n\t\tactivateSaveLabel = __( 'Activate & Save' );\n\t} else {\n\t\tactivateSaveLabel = __( 'Activate' );\n\t}\n\n\tconst currentTheme = useActualCurrentTheme();\n\n\tconst previewingTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\n\tconst additionalPrompt = (\n\t\t<p>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: 1: The name of active theme, 2: The name of theme to be activated. */\n\t\t\t\t__(\n\t\t\t\t\t'Saving your changes will change your active theme from %1$s to %2$s.'\n\t\t\t\t),\n\t\t\t\tcurrentTheme?.name?.rendered ?? '...',\n\t\t\t\tpreviewingTheme?.name?.rendered ?? '...'\n\t\t\t) }\n\t\t</p>\n\t);\n\n\tconst activateTheme = useActivateTheme();\n\tconst onSave = async ( values ) => {\n\t\tawait activateTheme();\n\t\treturn values;\n\t};\n\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\t{ ...{\n\t\t\t\t...isDirtyProps,\n\t\t\t\tadditionalPrompt,\n\t\t\t\tclose: onClose,\n\t\t\t\tonSave,\n\t\t\t\tsaveEnabled: true,\n\t\t\t\tsaveLabel: activateSaveLabel,\n\t\t\t} }\n\t\t/>\n\t);\n};\n\nconst _EntitiesSavedStates = ( { onClose, renderDialog = undefined } ) => {\n\tif ( isPreviewingTheme() ) {\n\t\treturn <EntitiesSavedStatesForPreview onClose={ onClose } />;\n\t}\n\treturn (\n\t\t<EntitiesSavedStates close={ onClose } renderDialog={ renderDialog } />\n\t);\n};\n\nexport default function SavePanel() {\n\tconst { params } = useLocation();\n\tconst { canvas = 'view' } = params;\n\tconst { isSaveViewOpen, isDirty, isSaving } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\tisSavingEntityRecord,\n\t\t\tisResolving,\n\t\t} = select( coreStore );\n\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\tconst { isSaveViewOpened } = unlock( select( editSiteStore ) );\n\n\t\t// The currently selected entity to display.\n\t\t// Typically template or template part in the site editor.\n\t\treturn {\n\t\t\tisSaveViewOpen: isSaveViewOpened(),\n\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\tisSaving:\n\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\tisSavingEntityRecord( record.kind, record.name, record.key )\n\t\t\t\t) || isActivatingTheme,\n\t\t};\n\t}, [] );\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\tconst onClose = () => setIsSaveViewOpened( false );\n\tuseEffect( () => {\n\t\tsetIsSaveViewOpened( false );\n\t}, [ canvas, setIsSaveViewOpened ] );\n\n\tif ( canvas === 'view' ) {\n\t\treturn isSaveViewOpen ? (\n\t\t\t<Modal\n\t\t\t\tclassName=\"edit-site-save-panel__modal\"\n\t\t\t\tonRequestClose={ onClose }\n\t\t\t\t__experimentalHideHeader\n\t\t\t\tcontentLabel={ __(\n\t\t\t\t\t'Save site, content, and template changes'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } />\n\t\t\t</Modal>\n\t\t) : null;\n\t}\n\tconst activateSaveEnabled = isPreviewingTheme() || isDirty;\n\tconst disabled = isSaving || ! activateSaveEnabled;\n\treturn (\n\t\t<NavigableRegion\n\t\t\tclassName={ clsx( 'edit-site-layout__actions', {\n\t\t\t\t'is-entity-save-view-open': isSaveViewOpen,\n\t\t\t} ) }\n\t\t\tariaLabel={ __( 'Save panel' ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-editor__toggle-save-panel', {\n\t\t\t\t\t'screen-reader-text': isSaveViewOpen,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tclassName=\"edit-site-editor__toggle-save-panel-button\"\n\t\t\t\t\tonClick={ () => setIsSaveViewOpened( true ) }\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{ isSaveViewOpen && (\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } renderDialog />\n\t\t\t) }\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/sidebar/index.js

@@ -54,7 +54,8 @@ function createNavState() {
   };
 }
 function SidebarContentWrapper({
-  children
+  children,
+  shouldAnimate
 }) {
   const navState = (0, _element.useContext)(SidebarNavigationContext);
   const wrapperRef = (0, _element.useRef)();
@@ -67,10 +68,15 @@ function SidebarContentWrapper({
     focusSidebarElement(wrapperRef.current, direction, focusSelector);
     setNavAnimation(direction);
   }, [navState]);
-  const wrapperCls = (0, _clsx.default)('edit-site-sidebar__screen-wrapper', {
+  const wrapperCls = (0, _clsx.default)('edit-site-sidebar__screen-wrapper',
+  /*
+   * Some panes do not have sub-panes and therefore
+   * should not animate when clicked on.
+   */
+  shouldAnimate ? {
     'slide-from-left': navAnimation === 'back',
     'slide-from-right': navAnimation === 'forward'
-  });
+  } : {});
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: wrapperRef,
     className: wrapperCls,
@@ -79,6 +85,7 @@ function SidebarContentWrapper({
 }
 function SidebarContent({
   routeKey,
+  shouldAnimate,
   children
 }) {
   const [navState] = (0, _element.useState)(createNavState);
@@ -87,6 +94,7 @@ function SidebarContent({
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "edit-site-sidebar__content",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SidebarContentWrapper, {
+        shouldAnimate: shouldAnimate,
         children: children
       }, routeKey)
     })

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_dom","_jsxRuntime","SidebarNavigationContext","exports","createContext","focusSidebarElement","el","direction","focusSelector","elementToFocus","querySelector","firstTabbable","focus","tabbable","find","createNavState","state","get","navigate","SidebarContentWrapper","children","navState","useContext","wrapperRef","useRef","navAnimation","setNavAnimation","useState","useLayoutEffect","current","wrapperCls","clsx","jsx","ref","className","SidebarContent","routeKey","Provider","value"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\nexport const SidebarNavigationContext = createContext( () => {} );\n// Focus a sidebar element after a navigation. The element to focus is either\n// specified by `focusSelector` (when navigating back) or it is the first\n// tabbable element (usually the \"Back\" button).\nfunction focusSidebarElement( el, direction, focusSelector ) {\n\tlet elementToFocus;\n\tif ( direction === 'back' && focusSelector ) {\n\t\telementToFocus = el.querySelector( focusSelector );\n\t}\n\tif ( direction !== null && ! elementToFocus ) {\n\t\tconst [ firstTabbable ] = focus.tabbable.find( el );\n\t\telementToFocus = firstTabbable ?? el;\n\t}\n\telementToFocus?.focus();\n}\n\n// Navigation state that is updated when navigating back or forward. Helps us\n// manage the animations and also focus.\nfunction createNavState() {\n\tlet state = {\n\t\tdirection: null,\n\t\tfocusSelector: null,\n\t};\n\n\treturn {\n\t\tget() {\n\t\t\treturn state;\n\t\t},\n\t\tnavigate( direction, focusSelector = null ) {\n\t\t\tstate = {\n\t\t\t\tdirection,\n\t\t\t\tfocusSelector:\n\t\t\t\t\tdirection === 'forward' && focusSelector\n\t\t\t\t\t\t? focusSelector\n\t\t\t\t\t\t: state.focusSelector,\n\t\t\t};\n\t\t},\n\t};\n}\n\nfunction SidebarContentWrapper( { children } ) {\n\tconst navState = useContext( SidebarNavigationContext );\n\tconst wrapperRef = useRef();\n\tconst [ navAnimation, setNavAnimation ] = useState( null );\n\n\tuseLayoutEffect( () => {\n\t\tconst { direction, focusSelector } = navState.get();\n\t\tfocusSidebarElement( wrapperRef.current, direction, focusSelector );\n\t\tsetNavAnimation( direction );\n\t}, [ navState ] );\n\n\tconst wrapperCls = clsx( 'edit-site-sidebar__screen-wrapper', {\n\t\t'slide-from-left': navAnimation === 'back',\n\t\t'slide-from-right': navAnimation === 'forward',\n\t} );\n\n\treturn (\n\t\t<div ref={ wrapperRef } className={ wrapperCls }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default function SidebarContent( { routeKey, children } ) {\n\tconst [ navState ] = useState( createNavState );\n\n\treturn (\n\t\t<SidebarNavigationContext.Provider value={ navState }>\n\t\t\t<div className=\"edit-site-sidebar__content\">\n\t\t\t\t<SidebarContentWrapper key={ routeKey }>\n\t\t\t\t\t{ children }\n\t\t\t\t</SidebarContentWrapper>\n\t\t\t</div>\n\t\t</SidebarNavigationContext.Provider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_dom","_jsxRuntime","SidebarNavigationContext","exports","createContext","focusSidebarElement","el","direction","focusSelector","elementToFocus","querySelector","firstTabbable","focus","tabbable","find","createNavState","state","get","navigate","SidebarContentWrapper","children","shouldAnimate","navState","useContext","wrapperRef","useRef","navAnimation","setNavAnimation","useState","useLayoutEffect","current","wrapperCls","clsx","jsx","ref","className","SidebarContent","routeKey","Provider","value"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\nexport const SidebarNavigationContext = createContext( () => {} );\n// Focus a sidebar element after a navigation. The element to focus is either\n// specified by `focusSelector` (when navigating back) or it is the first\n// tabbable element (usually the \"Back\" button).\nfunction focusSidebarElement( el, direction, focusSelector ) {\n\tlet elementToFocus;\n\tif ( direction === 'back' && focusSelector ) {\n\t\telementToFocus = el.querySelector( focusSelector );\n\t}\n\tif ( direction !== null && ! elementToFocus ) {\n\t\tconst [ firstTabbable ] = focus.tabbable.find( el );\n\t\telementToFocus = firstTabbable ?? el;\n\t}\n\telementToFocus?.focus();\n}\n\n// Navigation state that is updated when navigating back or forward. Helps us\n// manage the animations and also focus.\nfunction createNavState() {\n\tlet state = {\n\t\tdirection: null,\n\t\tfocusSelector: null,\n\t};\n\n\treturn {\n\t\tget() {\n\t\t\treturn state;\n\t\t},\n\t\tnavigate( direction, focusSelector = null ) {\n\t\t\tstate = {\n\t\t\t\tdirection,\n\t\t\t\tfocusSelector:\n\t\t\t\t\tdirection === 'forward' && focusSelector\n\t\t\t\t\t\t? focusSelector\n\t\t\t\t\t\t: state.focusSelector,\n\t\t\t};\n\t\t},\n\t};\n}\n\nfunction SidebarContentWrapper( { children, shouldAnimate } ) {\n\tconst navState = useContext( SidebarNavigationContext );\n\tconst wrapperRef = useRef();\n\tconst [ navAnimation, setNavAnimation ] = useState( null );\n\n\tuseLayoutEffect( () => {\n\t\tconst { direction, focusSelector } = navState.get();\n\t\tfocusSidebarElement( wrapperRef.current, direction, focusSelector );\n\t\tsetNavAnimation( direction );\n\t}, [ navState ] );\n\n\tconst wrapperCls = clsx(\n\t\t'edit-site-sidebar__screen-wrapper',\n\t\t/*\n\t\t * Some panes do not have sub-panes and therefore\n\t\t * should not animate when clicked on.\n\t\t */\n\t\tshouldAnimate\n\t\t\t? {\n\t\t\t\t\t'slide-from-left': navAnimation === 'back',\n\t\t\t\t\t'slide-from-right': navAnimation === 'forward',\n\t\t\t  }\n\t\t\t: {}\n\t);\n\n\treturn (\n\t\t<div ref={ wrapperRef } className={ wrapperCls }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default function SidebarContent( {\n\trouteKey,\n\tshouldAnimate,\n\tchildren,\n} ) {\n\tconst [ navState ] = useState( createNavState );\n\n\treturn (\n\t\t<SidebarNavigationContext.Provider value={ navState }>\n\t\t\t<div className=\"edit-site-sidebar__content\">\n\t\t\t\t<SidebarContentWrapper\n\t\t\t\t\tshouldAnimate={ shouldAnimate }\n\t\t\t\t\tkey={ routeKey }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</SidebarContentWrapper>\n\t\t\t</div>\n\t\t</SidebarNavigationContext.Provider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/sidebar-dataviews/default-views.js

@@ -24,9 +24,6 @@ const defaultLayouts = exports.defaultLayouts = {
     layout: {
       primaryField: 'title',
       styles: {
-        'featured-image': {
-          width: '1%'
-        },
         title: {
           maxWidth: 300
         }
@@ -35,14 +32,14 @@ const defaultLayouts = exports.defaultLayouts = {
   },
   [_constants.LAYOUT_GRID]: {
     layout: {
-      mediaField: 'featured-image',
+      mediaField: 'featured_media',
       primaryField: 'title'
     }
   },
   [_constants.LAYOUT_LIST]: {
     layout: {
       primaryField: 'title',
-      mediaField: 'featured-image'
+      mediaField: 'featured_media'
     }
   }
 };

package/build/components/sidebar-dataviews/default-views.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_icons","_data","_coreData","_element","_constants","defaultLayouts","exports","LAYOUT_TABLE","layout","primaryField","styles","width","title","maxWidth","LAYOUT_GRID","mediaField","LAYOUT_LIST","DEFAULT_POST_BASE","type","search","filters","page","perPage","sort","field","direction","fields","useDefaultViews","postType","labels","useSelect","select","getPostType","coreStore","useMemo","all_items","__","slug","icon","pages","view","published","operator","OPERATOR_IS_ANY","value","scheduled","drafts","pending","notAllowed","trash"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/default-views.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nimport {\n\ttrash,\n\tpages,\n\tdrafts,\n\tpublished,\n\tscheduled,\n\tpending,\n\tnotAllowed,\n} from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tLAYOUT_LIST,\n\tLAYOUT_TABLE,\n\tLAYOUT_GRID,\n\tOPERATOR_IS_ANY,\n} from '../../utils/constants';\n\nexport const defaultLayouts = {\n\t[ LAYOUT_TABLE ]: {\n\t\tlayout: {\n\t\t\tprimaryField: 'title',\n\t\t\tstyles: {\n\t\t\t\t'featured-image': {\n\t\t\t\t\twidth: '1%',\n\t\t\t\t},\n\t\t\t\ttitle: {\n\t\t\t\t\tmaxWidth: 300,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n\t[ LAYOUT_GRID ]: {\n\t\tlayout: {\n\t\t\tmediaField: 'featured-image',\n\t\t\tprimaryField: 'title',\n\t\t},\n\t},\n\t[ LAYOUT_LIST ]: {\n\t\tlayout: {\n\t\t\tprimaryField: 'title',\n\t\t\tmediaField: 'featured-image',\n\t\t},\n\t},\n};\n\nconst DEFAULT_POST_BASE = {\n\ttype: LAYOUT_LIST,\n\tsearch: '',\n\tfilters: [],\n\tpage: 1,\n\tperPage: 20,\n\tsort: {\n\t\tfield: 'date',\n\t\tdirection: 'desc',\n\t},\n\tfields: [ 'title', 'author', 'status' ],\n\tlayout: defaultLayouts[ LAYOUT_LIST ].layout,\n};\n\nexport function useDefaultViews( { postType } ) {\n\tconst labels = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getPostType } = select( coreStore );\n\t\t\treturn getPostType( postType )?.labels;\n\t\t},\n\t\t[ postType ]\n\t);\n\treturn useMemo( () => {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttitle: labels?.all_items || __( 'All items' ),\n\t\t\t\tslug: 'all',\n\t\t\t\ticon: pages,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Published' ),\n\t\t\t\tslug: 'published',\n\t\t\t\ticon: published,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'publish',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Scheduled' ),\n\t\t\t\tslug: 'future',\n\t\t\t\ticon: scheduled,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'future',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Drafts' ),\n\t\t\t\tslug: 'drafts',\n\t\t\t\ticon: drafts,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'draft',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Pending' ),\n\t\t\t\tslug: 'pending',\n\t\t\t\ticon: pending,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'pending',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Private' ),\n\t\t\t\tslug: 'private',\n\t\t\t\ticon: notAllowed,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'private',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Trash' ),\n\t\t\t\tslug: 'trash',\n\t\t\t\ticon: trash,\n\t\t\t\tview: {\n\t\t\t\t\t...DEFAULT_POST_BASE,\n\t\t\t\t\ttype: LAYOUT_TABLE,\n\t\t\t\t\tlayout: defaultLayouts[ LAYOUT_TABLE ].layout,\n\t\t\t\t},\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'trash',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t];\n\t}, [ labels ] );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_icons","_data","_coreData","_element","_constants","defaultLayouts","exports","LAYOUT_TABLE","layout","primaryField","styles","title","maxWidth","LAYOUT_GRID","mediaField","LAYOUT_LIST","DEFAULT_POST_BASE","type","search","filters","page","perPage","sort","field","direction","fields","useDefaultViews","postType","labels","useSelect","select","getPostType","coreStore","useMemo","all_items","__","slug","icon","pages","view","published","operator","OPERATOR_IS_ANY","value","scheduled","drafts","pending","notAllowed","trash"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/default-views.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nimport {\n\ttrash,\n\tpages,\n\tdrafts,\n\tpublished,\n\tscheduled,\n\tpending,\n\tnotAllowed,\n} from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tLAYOUT_LIST,\n\tLAYOUT_TABLE,\n\tLAYOUT_GRID,\n\tOPERATOR_IS_ANY,\n} from '../../utils/constants';\n\nexport const defaultLayouts = {\n\t[ LAYOUT_TABLE ]: {\n\t\tlayout: {\n\t\t\tprimaryField: 'title',\n\t\t\tstyles: {\n\t\t\t\ttitle: {\n\t\t\t\t\tmaxWidth: 300,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n\t[ LAYOUT_GRID ]: {\n\t\tlayout: {\n\t\t\tmediaField: 'featured_media',\n\t\t\tprimaryField: 'title',\n\t\t},\n\t},\n\t[ LAYOUT_LIST ]: {\n\t\tlayout: {\n\t\t\tprimaryField: 'title',\n\t\t\tmediaField: 'featured_media',\n\t\t},\n\t},\n};\n\nconst DEFAULT_POST_BASE = {\n\ttype: LAYOUT_LIST,\n\tsearch: '',\n\tfilters: [],\n\tpage: 1,\n\tperPage: 20,\n\tsort: {\n\t\tfield: 'date',\n\t\tdirection: 'desc',\n\t},\n\tfields: [ 'title', 'author', 'status' ],\n\tlayout: defaultLayouts[ LAYOUT_LIST ].layout,\n};\n\nexport function useDefaultViews( { postType } ) {\n\tconst labels = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getPostType } = select( coreStore );\n\t\t\treturn getPostType( postType )?.labels;\n\t\t},\n\t\t[ postType ]\n\t);\n\treturn useMemo( () => {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttitle: labels?.all_items || __( 'All items' ),\n\t\t\t\tslug: 'all',\n\t\t\t\ticon: pages,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Published' ),\n\t\t\t\tslug: 'published',\n\t\t\t\ticon: published,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'publish',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Scheduled' ),\n\t\t\t\tslug: 'future',\n\t\t\t\ticon: scheduled,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'future',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Drafts' ),\n\t\t\t\tslug: 'drafts',\n\t\t\t\ticon: drafts,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'draft',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Pending' ),\n\t\t\t\tslug: 'pending',\n\t\t\t\ticon: pending,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'pending',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Private' ),\n\t\t\t\tslug: 'private',\n\t\t\t\ticon: notAllowed,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'private',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Trash' ),\n\t\t\t\tslug: 'trash',\n\t\t\t\ticon: trash,\n\t\t\t\tview: {\n\t\t\t\t\t...DEFAULT_POST_BASE,\n\t\t\t\t\ttype: LAYOUT_TABLE,\n\t\t\t\t\tlayout: defaultLayouts[ LAYOUT_TABLE ].layout,\n\t\t\t\t},\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'trash',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t];\n\t}, [ labels ] );\n}\n"],"mappings":"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","ignoreList":[]}