@wordpress/edit-site 5.33.0 → 5.35.0

package/build/components/block-editor/editor-canvas.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
 var _data = require("@wordpress/data");
 var _keycodes = require("@wordpress/keycodes");
@@ -16,7 +16,6 @@ var _editor = require("@wordpress/editor");
 var _lockUnlock = require("../../lock-unlock");
 var _store = require("../../store");
 var _constants = require("../../utils/constants");
-var _math = require("../../utils/math");
 /**
  * External dependencies
  */
@@ -44,12 +43,10 @@ function EditorCanvas({
     isFocusMode,
     templateType,
     canvasMode,
-    isZoomOutMode,
     currentPostIsTrashed
   } = (0, _data.useSelect)(select => {
     const {
-      getBlockCount,
-      __unstableGetEditorMode
+      getBlockCount
     } = select(_blockEditor.store);
     const {
       getEditedPostType,
@@ -59,7 +56,6 @@ function EditorCanvas({
     return {
       templateType: _templateType,
       isFocusMode: _constants.FOCUSABLE_ENTITIES.includes(_templateType),
-      isZoomOutMode: __unstableGetEditorMode() === 'zoom-out',
       canvasMode: getCanvasMode(),
       hasBlocks: !!getBlockCount(),
       currentPostIsTrashed: select(_editor.store).getCurrentPostAttribute('status') === 'trash'
@@ -124,24 +120,14 @@ function EditorCanvas({
     // which isn't a requirement in auto resize mode.
     enableResizing ? 'min-height:0!important;' : ''}}body{position:relative; ${canvasMode === 'view' ? `min-height: 100vh; ${currentPostIsTrashed ? '' : 'cursor: pointer;'}` : ''}}}`
   }], [settings.styles, enableResizing, canvasMode, currentPostIsTrashed]);
-  const frameSize = isZoomOutMode ? 20 : undefined;
-  const scale = isZoomOutMode ? contentWidth => (0, _math.computeIFrameScale)({
-    width: 1000,
-    scale: 0.55
-  }, {
-    width: 400,
-    scale: 0.9
-  }, contentWidth) : undefined;
   return (0, _react.createElement)(EditorCanvasRoot, {
-    className: (0, _classnames.default)('edit-site-editor-canvas__block-list', {
+    className: (0, _clsx.default)('edit-site-editor-canvas__block-list', {
       'is-navigation-block': isTemplateTypeNavigation
     }),
     renderAppender: showBlockAppender,
     styles: styles,
     iframeProps: {
-      scale,
-      frameSize,
-      className: (0, _classnames.default)('edit-site-visual-editor__editor-canvas', {
+      className: (0, _clsx.default)('edit-site-visual-editor__editor-canvas', {
         'is-focused': isFocused && canvasMode === 'view'
       }),
       ...props,

package/build/components/block-editor/editor-canvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_data","_keycodes","_element","_i18n","_editor","_lockUnlock","_store","_constants","_math","EditorCanvas","EditorCanvasRoot","unlock","editorPrivateApis","enableResizing","settings","children","onClick","props","hasBlocks","isFocusMode","templateType","canvasMode","isZoomOutMode","currentPostIsTrashed","useSelect","select","getBlockCount","__unstableGetEditorMode","blockEditorStore","getEditedPostType","getCanvasMode","editSiteStore","_templateType","FOCUSABLE_ENTITIES","includes","editorStore","getCurrentPostAttribute","setCanvasMode","useDispatch","isFocused","setIsFocused","useState","useEffect","viewModeIframeProps","__","title","role","tabIndex","onFocus","onBlur","onKeyDown","event","keyCode","ENTER","SPACE","preventDefault","onClickCapture","stopPropagation","readonly","isTemplateTypeNavigation","NAVIGATION_POST_TYPE","isNavigationFocusMode","showBlockAppender","undefined","styles","useMemo","css","frameSize","scale","contentWidth","computeIFrameScale","width","_react","createElement","className","classnames","renderAppender","iframeProps","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/block-editor/editor-canvas.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\nimport { useState, useEffect, useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tFOCUSABLE_ENTITIES,\n\tNAVIGATION_POST_TYPE,\n} from '../../utils/constants';\nimport { computeIFrameScale } from '../../utils/math';\n\nconst { EditorCanvas: EditorCanvasRoot } = unlock( editorPrivateApis );\n\nfunction EditorCanvas( {\n\tenableResizing,\n\tsettings,\n\tchildren,\n\tonClick,\n\t...props\n} ) {\n\tconst {\n\t\thasBlocks,\n\t\tisFocusMode,\n\t\ttemplateType,\n\t\tcanvasMode,\n\t\tisZoomOutMode,\n\t\tcurrentPostIsTrashed,\n\t} = useSelect( ( select ) => {\n\t\tconst { getBlockCount, __unstableGetEditorMode } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { getEditedPostType, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst _templateType = getEditedPostType();\n\n\t\treturn {\n\t\t\ttemplateType: _templateType,\n\t\t\tisFocusMode: FOCUSABLE_ENTITIES.includes( _templateType ),\n\t\t\tisZoomOutMode: __unstableGetEditorMode() === 'zoom-out',\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\thasBlocks: !! getBlockCount(),\n\t\t\tcurrentPostIsTrashed:\n\t\t\t\tselect( editorStore ).getCurrentPostAttribute( 'status' ) ===\n\t\t\t\t'trash',\n\t\t};\n\t}, [] );\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( canvasMode === 'edit' ) {\n\t\t\tsetIsFocused( false );\n\t\t}\n\t}, [ canvasMode ] );\n\n\t// In view mode, make the canvas iframe be perceived and behave as a button\n\t// to switch to edit mode, with a meaningful label and no title attribute.\n\tconst viewModeIframeProps = {\n\t\t'aria-label': __( 'Edit' ),\n\t\t'aria-disabled': currentPostIsTrashed,\n\t\ttitle: null,\n\t\trole: 'button',\n\t\ttabIndex: 0,\n\t\tonFocus: () => setIsFocused( true ),\n\t\tonBlur: () => setIsFocused( false ),\n\t\tonKeyDown: ( event ) => {\n\t\t\tconst { keyCode } = event;\n\t\t\tif (\n\t\t\t\t( keyCode === ENTER || keyCode === SPACE ) &&\n\t\t\t\t! currentPostIsTrashed\n\t\t\t) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t},\n\t\tonClick: () => {\n\t\t\tif ( !! onClick ) {\n\t\t\t\tonClick();\n\t\t\t} else {\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t},\n\t\tonClickCapture: ( event ) => {\n\t\t\tif ( currentPostIsTrashed ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tevent.stopPropagation();\n\t\t\t}\n\t\t},\n\t\treadonly: true,\n\t};\n\tconst isTemplateTypeNavigation = templateType === NAVIGATION_POST_TYPE;\n\tconst isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;\n\t// Hide the appender when:\n\t// - In navigation focus mode (should only allow the root Nav block).\n\t// - In view mode (i.e. not editing).\n\tconst showBlockAppender =\n\t\t( isNavigationFocusMode && hasBlocks ) || canvasMode === 'view'\n\t\t\t? false\n\t\t\t: undefined;\n\n\tconst styles = useMemo(\n\t\t() => [\n\t\t\t...settings.styles,\n\t\t\t{\n\t\t\t\t// Forming a \"block formatting context\" to prevent margin collapsing.\n\t\t\t\t// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n\n\t\t\t\tcss: `.is-root-container{display:flow-root;${\n\t\t\t\t\t// Some themes will have `min-height: 100vh` for the root container,\n\t\t\t\t\t// which isn't a requirement in auto resize mode.\n\t\t\t\t\tenableResizing ? 'min-height:0!important;' : ''\n\t\t\t\t}}body{position:relative; ${\n\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t? `min-height: 100vh; ${\n\t\t\t\t\t\t\t\tcurrentPostIsTrashed ? '' : 'cursor: pointer;'\n\t\t\t\t\t\t  }`\n\t\t\t\t\t\t: ''\n\t\t\t\t}}}`,\n\t\t\t},\n\t\t],\n\t\t[ settings.styles, enableResizing, canvasMode, currentPostIsTrashed ]\n\t);\n\n\tconst frameSize = isZoomOutMode ? 20 : undefined;\n\n\tconst scale = isZoomOutMode\n\t\t? ( contentWidth ) =>\n\t\t\t\tcomputeIFrameScale(\n\t\t\t\t\t{ width: 1000, scale: 0.55 },\n\t\t\t\t\t{ width: 400, scale: 0.9 },\n\t\t\t\t\tcontentWidth\n\t\t\t\t)\n\t\t: undefined;\n\n\treturn (\n\t\t<EditorCanvasRoot\n\t\t\tclassName={ classnames( 'edit-site-editor-canvas__block-list', {\n\t\t\t\t'is-navigation-block': isTemplateTypeNavigation,\n\t\t\t} ) }\n\t\t\trenderAppender={ showBlockAppender }\n\t\t\tstyles={ styles }\n\t\t\tiframeProps={ {\n\t\t\t\tscale,\n\t\t\t\tframeSize,\n\t\t\t\tclassName: classnames(\n\t\t\t\t\t'edit-site-visual-editor__editor-canvas',\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-focused': isFocused && canvasMode === 'view',\n\t\t\t\t\t}\n\t\t\t\t),\n\t\t\t\t...props,\n\t\t\t\t...( canvasMode === 'view' ? viewModeIframeProps : {} ),\n\t\t\t} }\n\t\t>\n\t\t\t{ children }\n\t\t</EditorCanvasRoot>\n\t);\n}\n\nexport default EditorCanvas;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_data","_keycodes","_element","_i18n","_editor","_lockUnlock","_store","_constants","EditorCanvas","EditorCanvasRoot","unlock","editorPrivateApis","enableResizing","settings","children","onClick","props","hasBlocks","isFocusMode","templateType","canvasMode","currentPostIsTrashed","useSelect","select","getBlockCount","blockEditorStore","getEditedPostType","getCanvasMode","editSiteStore","_templateType","FOCUSABLE_ENTITIES","includes","editorStore","getCurrentPostAttribute","setCanvasMode","useDispatch","isFocused","setIsFocused","useState","useEffect","viewModeIframeProps","__","title","role","tabIndex","onFocus","onBlur","onKeyDown","event","keyCode","ENTER","SPACE","preventDefault","onClickCapture","stopPropagation","readonly","isTemplateTypeNavigation","NAVIGATION_POST_TYPE","isNavigationFocusMode","showBlockAppender","undefined","styles","useMemo","css","_react","createElement","className","clsx","renderAppender","iframeProps","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/block-editor/editor-canvas.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\nimport { useState, useEffect, useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tFOCUSABLE_ENTITIES,\n\tNAVIGATION_POST_TYPE,\n} from '../../utils/constants';\n\nconst { EditorCanvas: EditorCanvasRoot } = unlock( editorPrivateApis );\n\nfunction EditorCanvas( {\n\tenableResizing,\n\tsettings,\n\tchildren,\n\tonClick,\n\t...props\n} ) {\n\tconst {\n\t\thasBlocks,\n\t\tisFocusMode,\n\t\ttemplateType,\n\t\tcanvasMode,\n\t\tcurrentPostIsTrashed,\n\t} = useSelect( ( select ) => {\n\t\tconst { getBlockCount } = select( blockEditorStore );\n\t\tconst { getEditedPostType, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst _templateType = getEditedPostType();\n\n\t\treturn {\n\t\t\ttemplateType: _templateType,\n\t\t\tisFocusMode: FOCUSABLE_ENTITIES.includes( _templateType ),\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\thasBlocks: !! getBlockCount(),\n\t\t\tcurrentPostIsTrashed:\n\t\t\t\tselect( editorStore ).getCurrentPostAttribute( 'status' ) ===\n\t\t\t\t'trash',\n\t\t};\n\t}, [] );\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( canvasMode === 'edit' ) {\n\t\t\tsetIsFocused( false );\n\t\t}\n\t}, [ canvasMode ] );\n\n\t// In view mode, make the canvas iframe be perceived and behave as a button\n\t// to switch to edit mode, with a meaningful label and no title attribute.\n\tconst viewModeIframeProps = {\n\t\t'aria-label': __( 'Edit' ),\n\t\t'aria-disabled': currentPostIsTrashed,\n\t\ttitle: null,\n\t\trole: 'button',\n\t\ttabIndex: 0,\n\t\tonFocus: () => setIsFocused( true ),\n\t\tonBlur: () => setIsFocused( false ),\n\t\tonKeyDown: ( event ) => {\n\t\t\tconst { keyCode } = event;\n\t\t\tif (\n\t\t\t\t( keyCode === ENTER || keyCode === SPACE ) &&\n\t\t\t\t! currentPostIsTrashed\n\t\t\t) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t},\n\t\tonClick: () => {\n\t\t\tif ( !! onClick ) {\n\t\t\t\tonClick();\n\t\t\t} else {\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t},\n\t\tonClickCapture: ( event ) => {\n\t\t\tif ( currentPostIsTrashed ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tevent.stopPropagation();\n\t\t\t}\n\t\t},\n\t\treadonly: true,\n\t};\n\tconst isTemplateTypeNavigation = templateType === NAVIGATION_POST_TYPE;\n\tconst isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;\n\t// Hide the appender when:\n\t// - In navigation focus mode (should only allow the root Nav block).\n\t// - In view mode (i.e. not editing).\n\tconst showBlockAppender =\n\t\t( isNavigationFocusMode && hasBlocks ) || canvasMode === 'view'\n\t\t\t? false\n\t\t\t: undefined;\n\n\tconst styles = useMemo(\n\t\t() => [\n\t\t\t...settings.styles,\n\t\t\t{\n\t\t\t\t// Forming a \"block formatting context\" to prevent margin collapsing.\n\t\t\t\t// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n\n\t\t\t\tcss: `.is-root-container{display:flow-root;${\n\t\t\t\t\t// Some themes will have `min-height: 100vh` for the root container,\n\t\t\t\t\t// which isn't a requirement in auto resize mode.\n\t\t\t\t\tenableResizing ? 'min-height:0!important;' : ''\n\t\t\t\t}}body{position:relative; ${\n\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t? `min-height: 100vh; ${\n\t\t\t\t\t\t\t\tcurrentPostIsTrashed ? '' : 'cursor: pointer;'\n\t\t\t\t\t\t  }`\n\t\t\t\t\t\t: ''\n\t\t\t\t}}}`,\n\t\t\t},\n\t\t],\n\t\t[ settings.styles, enableResizing, canvasMode, currentPostIsTrashed ]\n\t);\n\n\treturn (\n\t\t<EditorCanvasRoot\n\t\t\tclassName={ clsx( 'edit-site-editor-canvas__block-list', {\n\t\t\t\t'is-navigation-block': isTemplateTypeNavigation,\n\t\t\t} ) }\n\t\t\trenderAppender={ showBlockAppender }\n\t\t\tstyles={ styles }\n\t\t\tiframeProps={ {\n\t\t\t\tclassName: clsx( 'edit-site-visual-editor__editor-canvas', {\n\t\t\t\t\t'is-focused': isFocused && canvasMode === 'view',\n\t\t\t\t} ),\n\t\t\t\t...props,\n\t\t\t\t...( canvasMode === 'view' ? viewModeIframeProps : {} ),\n\t\t\t} }\n\t\t>\n\t\t\t{ children }\n\t\t</EditorCanvasRoot>\n\t);\n}\n\nexport default EditorCanvas;\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-editor/resize-handle.js

@@ -29,14 +29,29 @@ function ResizeHandle({
       resizeWidthBy(-DELTA_DISTANCE);
     }
   }
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("button", {
+  const resizeHandleVariants = {
+    active: {
+      opacity: 1,
+      scaleY: 1.3
+    }
+  };
+  const resizableHandleHelpId = `resizable-editor__resize-help-${direction}`;
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.Tooltip, {
+    text: (0, _i18n.__)('Drag to resize')
+  }, (0, _react.createElement)(_components.__unstableMotion.button, {
     className: `resizable-editor__drag-handle is-${direction} is-variation-${variation}`,
     "aria-label": (0, _i18n.__)('Drag to resize'),
-    "aria-describedby": `resizable-editor__resize-help-${direction}`,
+    "aria-describedby": resizableHandleHelpId,
     onKeyDown: handleKeyDown,
-    type: "button"
-  }), (0, _react.createElement)(_components.VisuallyHidden, {
-    id: `resizable-editor__resize-help-${direction}`
+    variants: resizeHandleVariants,
+    whileFocus: "active",
+    whileHover: "active",
+    whileTap: "active",
+    key: "handle",
+    role: "separator",
+    "aria-orientation": "vertical"
+  })), (0, _react.createElement)(_components.VisuallyHidden, {
+    id: resizableHandleHelpId
   }, (0, _i18n.__)('Use left and right arrow keys to resize the canvas.')));
 }
 //# sourceMappingURL=resize-handle.js.map

package/build/components/block-editor/resize-handle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_keycodes","_components","DELTA_DISTANCE","ResizeHandle","variation","direction","resizeWidthBy","handleKeyDown","event","keyCode","LEFT","RIGHT","_react","createElement","Fragment","className","__","onKeyDown","type","VisuallyHidden","id"],"sources":["@wordpress/edit-site/src/components/block-editor/resize-handle.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { LEFT, RIGHT } from '@wordpress/keycodes';\nimport { VisuallyHidden } from '@wordpress/components';\n\nconst DELTA_DISTANCE = 20; // The distance to resize per keydown in pixels.\n\nexport default function ResizeHandle( {\n\tvariation = 'default',\n\tdirection,\n\tresizeWidthBy,\n} ) {\n\tfunction handleKeyDown( event ) {\n\t\tconst { keyCode } = event;\n\n\t\tif (\n\t\t\t( direction === 'left' && keyCode === LEFT ) ||\n\t\t\t( direction === 'right' && keyCode === RIGHT )\n\t\t) {\n\t\t\tresizeWidthBy( DELTA_DISTANCE );\n\t\t} else if (\n\t\t\t( direction === 'left' && keyCode === RIGHT ) ||\n\t\t\t( direction === 'right' && keyCode === LEFT )\n\t\t) {\n\t\t\tresizeWidthBy( -DELTA_DISTANCE );\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<button\n\t\t\t\tclassName={ `resizable-editor__drag-handle is-${ direction } is-variation-${ variation }` }\n\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\taria-describedby={ `resizable-editor__resize-help-${ direction }` }\n\t\t\t\tonKeyDown={ handleKeyDown }\n\t\t\t\ttype=\"button\"\n\t\t\t/>\n\t\t\t<VisuallyHidden\n\t\t\t\tid={ `resizable-editor__resize-help-${ direction }` }\n\t\t\t>\n\t\t\t\t{ __( 'Use left and right arrow keys to resize the canvas.' ) }\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,cAAc,GAAG,EAAE,CAAC,CAAC;;AAEZ,SAASC,YAAYA,CAAE;EACrCC,SAAS,GAAG,SAAS;EACrBC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,SAASC,aAAaA,CAAEC,KAAK,EAAG;IAC/B,MAAM;MAAEC;IAAQ,CAAC,GAAGD,KAAK;IAEzB,IACGH,SAAS,KAAK,MAAM,IAAII,OAAO,KAAKC,cAAI,IACxCL,SAAS,KAAK,OAAO,IAAII,OAAO,KAAKE,eAAO,EAC7C;MACDL,aAAa,CAAEJ,cAAe,CAAC;IAChC,CAAC,MAAM,IACJG,SAAS,KAAK,MAAM,IAAII,OAAO,KAAKE,eAAK,IACzCN,SAAS,KAAK,OAAO,IAAII,OAAO,KAAKC,cAAM,EAC5C;MACDJ,aAAa,CAAE,CAACJ,cAAe,CAAC;IACjC;EACD;EAEA,OACC,IAAAU,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA;IACCE,SAAS,EAAI,oCAAoCV,SAAW,iBAAiBD,SAAW,EAAG;IAC3F,cAAa,IAAAY,QAAE,EAAE,gBAAiB,CAAG;IACrC,oBAAoB,iCAAiCX,SAAW,EAAG;IACnEY,SAAS,EAAGV,aAAe;IAC3BW,IAAI,EAAC;EAAQ,CACb,CAAC,EACF,IAAAN,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAkB,cAAc;IACdC,EAAE,EAAI,iCAAiCf,SAAW;EAAG,GAEnD,IAAAW,QAAE,EAAE,qDAAsD,CAC7C,CACf,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_keycodes","_components","DELTA_DISTANCE","ResizeHandle","variation","direction","resizeWidthBy","handleKeyDown","event","keyCode","LEFT","RIGHT","resizeHandleVariants","active","opacity","scaleY","resizableHandleHelpId","_react","createElement","Fragment","Tooltip","text","__","__unstableMotion","button","className","onKeyDown","variants","whileFocus","whileHover","whileTap","key","role","VisuallyHidden","id"],"sources":["@wordpress/edit-site/src/components/block-editor/resize-handle.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { LEFT, RIGHT } from '@wordpress/keycodes';\nimport {\n\tVisuallyHidden,\n\tTooltip,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\n\nconst DELTA_DISTANCE = 20; // The distance to resize per keydown in pixels.\n\nexport default function ResizeHandle( {\n\tvariation = 'default',\n\tdirection,\n\tresizeWidthBy,\n} ) {\n\tfunction handleKeyDown( event ) {\n\t\tconst { keyCode } = event;\n\n\t\tif (\n\t\t\t( direction === 'left' && keyCode === LEFT ) ||\n\t\t\t( direction === 'right' && keyCode === RIGHT )\n\t\t) {\n\t\t\tresizeWidthBy( DELTA_DISTANCE );\n\t\t} else if (\n\t\t\t( direction === 'left' && keyCode === RIGHT ) ||\n\t\t\t( direction === 'right' && keyCode === LEFT )\n\t\t) {\n\t\t\tresizeWidthBy( -DELTA_DISTANCE );\n\t\t}\n\t}\n\n\tconst resizeHandleVariants = {\n\t\tactive: {\n\t\t\topacity: 1,\n\t\t\tscaleY: 1.3,\n\t\t},\n\t};\n\n\tconst resizableHandleHelpId = `resizable-editor__resize-help-${ direction }`;\n\n\treturn (\n\t\t<>\n\t\t\t<Tooltip text={ __( 'Drag to resize' ) }>\n\t\t\t\t<motion.button\n\t\t\t\t\tclassName={ `resizable-editor__drag-handle is-${ direction } is-variation-${ variation }` }\n\t\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\t\taria-describedby={ resizableHandleHelpId }\n\t\t\t\t\tonKeyDown={ handleKeyDown }\n\t\t\t\t\tvariants={ resizeHandleVariants }\n\t\t\t\t\twhileFocus=\"active\"\n\t\t\t\t\twhileHover=\"active\"\n\t\t\t\t\twhileTap=\"active\"\n\t\t\t\t\tkey=\"handle\"\n\t\t\t\t\trole=\"separator\"\n\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t/>\n\t\t\t</Tooltip>\n\t\t\t<VisuallyHidden id={ resizableHandleHelpId }>\n\t\t\t\t{ __( 'Use left and right arrow keys to resize the canvas.' ) }\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AALA;AACA;AACA;;AASA,MAAMG,cAAc,GAAG,EAAE,CAAC,CAAC;;AAEZ,SAASC,YAAYA,CAAE;EACrCC,SAAS,GAAG,SAAS;EACrBC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,SAASC,aAAaA,CAAEC,KAAK,EAAG;IAC/B,MAAM;MAAEC;IAAQ,CAAC,GAAGD,KAAK;IAEzB,IACGH,SAAS,KAAK,MAAM,IAAII,OAAO,KAAKC,cAAI,IACxCL,SAAS,KAAK,OAAO,IAAII,OAAO,KAAKE,eAAO,EAC7C;MACDL,aAAa,CAAEJ,cAAe,CAAC;IAChC,CAAC,MAAM,IACJG,SAAS,KAAK,MAAM,IAAII,OAAO,KAAKE,eAAK,IACzCN,SAAS,KAAK,OAAO,IAAII,OAAO,KAAKC,cAAM,EAC5C;MACDJ,aAAa,CAAE,CAACJ,cAAe,CAAC;IACjC;EACD;EAEA,MAAMU,oBAAoB,GAAG;IAC5BC,MAAM,EAAE;MACPC,OAAO,EAAE,CAAC;MACVC,MAAM,EAAE;IACT;EACD,CAAC;EAED,MAAMC,qBAAqB,GAAI,iCAAiCX,SAAW,EAAC;EAE5E,OACC,IAAAY,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAmB,OAAO;IAACC,IAAI,EAAG,IAAAC,QAAE,EAAE,gBAAiB;EAAG,GACvC,IAAAL,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAsB,gBAAM,CAACC,MAAM;IACbC,SAAS,EAAI,oCAAoCpB,SAAW,iBAAiBD,SAAW,EAAG;IAC3F,cAAa,IAAAkB,QAAE,EAAE,gBAAiB,CAAG;IACrC,oBAAmBN,qBAAuB;IAC1CU,SAAS,EAAGnB,aAAe;IAC3BoB,QAAQ,EAAGf,oBAAsB;IACjCgB,UAAU,EAAC,QAAQ;IACnBC,UAAU,EAAC,QAAQ;IACnBC,QAAQ,EAAC,QAAQ;IACjBC,GAAG,EAAC,QAAQ;IACZC,IAAI,EAAC,WAAW;IAChB,oBAAiB;EAAU,CAC3B,CACO,CAAC,EACV,IAAAf,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAgC,cAAc;IAACC,EAAE,EAAGlB;EAAuB,GACzC,IAAAM,QAAE,EAAE,qDAAsD,CAC7C,CACf,CAAC;AAEL","ignoreList":[]}

package/build/components/block-editor/site-editor-canvas.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = SiteEditorCanvas;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _data = require("@wordpress/data");
 var _compose = require("@wordpress/compose");
 var _blockEditor = require("@wordpress/block-editor");
@@ -75,7 +75,7 @@ function SiteEditorCanvas({
   return (0, _react.createElement)(_editorCanvasContainer.default.Slot, null, ([editorCanvasView]) => editorCanvasView ? (0, _react.createElement)("div", {
     className: "edit-site-visual-editor is-focus-mode"
   }, editorCanvasView) : (0, _react.createElement)("div", {
-    className: (0, _classnames.default)('edit-site-visual-editor', {
+    className: (0, _clsx.default)('edit-site-visual-editor', {
       'is-focus-mode': isFocusMode || !!editorCanvasView,
       'is-view-mode': isViewMode
     })

package/build/components/block-editor/site-editor-canvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_compose","_blockEditor","_resizableEditor","_editorCanvas","_editorCanvasContainer","_useSiteEditorSettings","_store","_constants","_lockUnlock","_router","useLocation","unlock","routerPrivateApis","SiteEditorCanvas","onClick","location","templateType","isFocusableEntity","isViewMode","isZoomOutMode","useSelect","select","getEditedPostType","getCanvasMode","editSiteStore","__unstableGetEditorMode","blockEditorStore","_templateType","FOCUSABLE_ENTITIES","includes","isFocusMode","params","focusMode","resizeObserver","sizes","useResizeObserver","settings","useSiteEditorSettings","isMobileViewport","useViewportMatch","enableResizing","TEMPLATE_POST_TYPE","isTemplateTypeNavigation","NAVIGATION_POST_TYPE","isNavigationFocusMode","forceFullHeight","_react","createElement","default","Slot","editorCanvasView","className","classnames","height"],"sources":["@wordpress/edit-site/src/components/block-editor/site-editor-canvas.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useViewportMatch, useResizeObserver } from '@wordpress/compose';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ResizableEditor from './resizable-editor';\nimport EditorCanvas from './editor-canvas';\nimport EditorCanvasContainer from '../editor-canvas-container';\nimport useSiteEditorSettings from './use-site-editor-settings';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tFOCUSABLE_ENTITIES,\n\tNAVIGATION_POST_TYPE,\n\tTEMPLATE_POST_TYPE,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function SiteEditorCanvas( { onClick } ) {\n\tconst location = useLocation();\n\tconst { templateType, isFocusableEntity, isViewMode, isZoomOutMode } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getEditedPostType, getCanvasMode } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\t\t\tconst _templateType = getEditedPostType();\n\n\t\t\treturn {\n\t\t\t\ttemplateType: _templateType,\n\t\t\t\tisFocusableEntity: FOCUSABLE_ENTITIES.includes( _templateType ),\n\t\t\t\tisViewMode: getCanvasMode() === 'view',\n\t\t\t\tisZoomOutMode: __unstableGetEditorMode() === 'zoom-out',\n\t\t\t};\n\t\t}, [] );\n\tconst isFocusMode = location.params.focusMode || isFocusableEntity;\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\n\tconst settings = useSiteEditorSettings();\n\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst enableResizing =\n\t\tisFocusMode &&\n\t\t! isViewMode &&\n\t\t// Disable resizing in mobile viewport.\n\t\t! isMobileViewport &&\n\t\t// Dsiable resizing in zoomed-out mode.\n\t\t! isZoomOutMode &&\n\t\t// Disable resizing when editing a template in focus mode.\n\t\ttemplateType !== TEMPLATE_POST_TYPE;\n\n\tconst isTemplateTypeNavigation = templateType === NAVIGATION_POST_TYPE;\n\tconst isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;\n\tconst forceFullHeight = isNavigationFocusMode;\n\n\treturn (\n\t\t<EditorCanvasContainer.Slot>\n\t\t\t{ ( [ editorCanvasView ] ) =>\n\t\t\t\teditorCanvasView ? (\n\t\t\t\t\t<div className=\"edit-site-visual-editor is-focus-mode\">\n\t\t\t\t\t\t{ editorCanvasView }\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ classnames( 'edit-site-visual-editor', {\n\t\t\t\t\t\t\t'is-focus-mode': isFocusMode || !! editorCanvasView,\n\t\t\t\t\t\t\t'is-view-mode': isViewMode,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ResizableEditor\n\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\theight={\n\t\t\t\t\t\t\t\tsizes.height && ! forceFullHeight\n\t\t\t\t\t\t\t\t\t? sizes.height\n\t\t\t\t\t\t\t\t\t: '100%'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<EditorCanvas\n\t\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t\tonClick={ onClick }\n\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// Avoid resize listeners when not needed,\n\t\t\t\t\t\t\t\t\t// these will trigger unnecessary re-renders\n\t\t\t\t\t\t\t\t\t// when animating the iframe width.\n\t\t\t\t\t\t\t\t\tenableResizing && resizeObserver\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</EditorCanvas>\n\t\t\t\t\t\t</ResizableEditor>\n\t\t\t\t\t</div>\n\t\t\t\t)\n\t\t\t}\n\t\t</EditorCanvasContainer.Slot>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_compose","_blockEditor","_resizableEditor","_editorCanvas","_editorCanvasContainer","_useSiteEditorSettings","_store","_constants","_lockUnlock","_router","useLocation","unlock","routerPrivateApis","SiteEditorCanvas","onClick","location","templateType","isFocusableEntity","isViewMode","isZoomOutMode","useSelect","select","getEditedPostType","getCanvasMode","editSiteStore","__unstableGetEditorMode","blockEditorStore","_templateType","FOCUSABLE_ENTITIES","includes","isFocusMode","params","focusMode","resizeObserver","sizes","useResizeObserver","settings","useSiteEditorSettings","isMobileViewport","useViewportMatch","enableResizing","TEMPLATE_POST_TYPE","isTemplateTypeNavigation","NAVIGATION_POST_TYPE","isNavigationFocusMode","forceFullHeight","_react","createElement","default","Slot","editorCanvasView","className","clsx","height"],"sources":["@wordpress/edit-site/src/components/block-editor/site-editor-canvas.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useViewportMatch, useResizeObserver } from '@wordpress/compose';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ResizableEditor from './resizable-editor';\nimport EditorCanvas from './editor-canvas';\nimport EditorCanvasContainer from '../editor-canvas-container';\nimport useSiteEditorSettings from './use-site-editor-settings';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tFOCUSABLE_ENTITIES,\n\tNAVIGATION_POST_TYPE,\n\tTEMPLATE_POST_TYPE,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function SiteEditorCanvas( { onClick } ) {\n\tconst location = useLocation();\n\tconst { templateType, isFocusableEntity, isViewMode, isZoomOutMode } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getEditedPostType, getCanvasMode } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\t\t\tconst _templateType = getEditedPostType();\n\n\t\t\treturn {\n\t\t\t\ttemplateType: _templateType,\n\t\t\t\tisFocusableEntity: FOCUSABLE_ENTITIES.includes( _templateType ),\n\t\t\t\tisViewMode: getCanvasMode() === 'view',\n\t\t\t\tisZoomOutMode: __unstableGetEditorMode() === 'zoom-out',\n\t\t\t};\n\t\t}, [] );\n\tconst isFocusMode = location.params.focusMode || isFocusableEntity;\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\n\tconst settings = useSiteEditorSettings();\n\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst enableResizing =\n\t\tisFocusMode &&\n\t\t! isViewMode &&\n\t\t// Disable resizing in mobile viewport.\n\t\t! isMobileViewport &&\n\t\t// Dsiable resizing in zoomed-out mode.\n\t\t! isZoomOutMode &&\n\t\t// Disable resizing when editing a template in focus mode.\n\t\ttemplateType !== TEMPLATE_POST_TYPE;\n\n\tconst isTemplateTypeNavigation = templateType === NAVIGATION_POST_TYPE;\n\tconst isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;\n\tconst forceFullHeight = isNavigationFocusMode;\n\n\treturn (\n\t\t<EditorCanvasContainer.Slot>\n\t\t\t{ ( [ editorCanvasView ] ) =>\n\t\t\t\teditorCanvasView ? (\n\t\t\t\t\t<div className=\"edit-site-visual-editor is-focus-mode\">\n\t\t\t\t\t\t{ editorCanvasView }\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx( 'edit-site-visual-editor', {\n\t\t\t\t\t\t\t'is-focus-mode': isFocusMode || !! editorCanvasView,\n\t\t\t\t\t\t\t'is-view-mode': isViewMode,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ResizableEditor\n\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\theight={\n\t\t\t\t\t\t\t\tsizes.height && ! forceFullHeight\n\t\t\t\t\t\t\t\t\t? sizes.height\n\t\t\t\t\t\t\t\t\t: '100%'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<EditorCanvas\n\t\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t\tonClick={ onClick }\n\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// Avoid resize listeners when not needed,\n\t\t\t\t\t\t\t\t\t// these will trigger unnecessary re-renders\n\t\t\t\t\t\t\t\t\t// when animating the iframe width.\n\t\t\t\t\t\t\t\t\tenableResizing && resizeObserver\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</EditorCanvas>\n\t\t\t\t\t\t</ResizableEditor>\n\t\t\t\t\t</div>\n\t\t\t\t)\n\t\t\t}\n\t\t</EditorCanvasContainer.Slot>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,aAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,sBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,sBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AAKA,IAAAU,WAAA,GAAAV,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA;AAzBA;AACA;AACA;;AAEA;AACA;AACA;;AAKA;AACA;AACA;;AAcA,MAAM;EAAEY;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEpC,SAASC,gBAAgBA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACvD,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEM,YAAY;IAAEC,iBAAiB;IAAEC,UAAU;IAAEC;EAAc,CAAC,GACnE,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxB,MAAM;MAAEC,iBAAiB;MAAEC;IAAc,CAAC,GAAG,IAAAZ,kBAAM,EAClDU,MAAM,CAAEG,YAAc,CACvB,CAAC;IACD,MAAM;MAAEC;IAAwB,CAAC,GAAGJ,MAAM,CAAEK,kBAAiB,CAAC;IAC9D,MAAMC,aAAa,GAAGL,iBAAiB,CAAC,CAAC;IAEzC,OAAO;MACNN,YAAY,EAAEW,aAAa;MAC3BV,iBAAiB,EAAEW,6BAAkB,CAACC,QAAQ,CAAEF,aAAc,CAAC;MAC/DT,UAAU,EAAEK,aAAa,CAAC,CAAC,KAAK,MAAM;MACtCJ,aAAa,EAAEM,uBAAuB,CAAC,CAAC,KAAK;IAC9C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACR,MAAMK,WAAW,GAAGf,QAAQ,CAACgB,MAAM,CAACC,SAAS,IAAIf,iBAAiB;EAClE,MAAM,CAAEgB,cAAc,EAAEC,KAAK,CAAE,GAAG,IAAAC,0BAAiB,EAAC,CAAC;EAErD,MAAMC,QAAQ,GAAG,IAAAC,8BAAqB,EAAC,CAAC;EAExC,MAAMC,gBAAgB,GAAG,IAAAC,yBAAgB,EAAE,OAAO,EAAE,GAAI,CAAC;EACzD,MAAMC,cAAc,GACnBV,WAAW,IACX,CAAEZ,UAAU;EACZ;EACA,CAAEoB,gBAAgB;EAClB;EACA,CAAEnB,aAAa;EACf;EACAH,YAAY,KAAKyB,6BAAkB;EAEpC,MAAMC,wBAAwB,GAAG1B,YAAY,KAAK2B,+BAAoB;EACtE,MAAMC,qBAAqB,GAAGF,wBAAwB,IAAIZ,WAAW;EACrE,MAAMe,eAAe,GAAGD,qBAAqB;EAE7C,OACC,IAAAE,MAAA,CAAAC,aAAA,EAAC3C,sBAAA,CAAA4C,OAAqB,CAACC,IAAI,QACxB,CAAE,CAAEC,gBAAgB,CAAE,KACvBA,gBAAgB,GACf,IAAAJ,MAAA,CAAAC,aAAA;IAAKI,SAAS,EAAC;EAAuC,GACnDD,gBACE,CAAC,GAEN,IAAAJ,MAAA,CAAAC,aAAA;IACCI,SAAS,EAAG,IAAAC,aAAI,EAAE,yBAAyB,EAAE;MAC5C,eAAe,EAAEtB,WAAW,IAAI,CAAC,CAAEoB,gBAAgB;MACnD,cAAc,EAAEhC;IACjB,CAAE;EAAG,GAEL,IAAA4B,MAAA,CAAAC,aAAA,EAAC7C,gBAAA,CAAA8C,OAAe;IACfR,cAAc,EAAGA,cAAgB;IACjCa,MAAM,EACLnB,KAAK,CAACmB,MAAM,IAAI,CAAER,eAAe,GAC9BX,KAAK,CAACmB,MAAM,GACZ;EACH,GAED,IAAAP,MAAA,CAAAC,aAAA,EAAC5C,aAAA,CAAA6C,OAAY;IACZR,cAAc,EAAGA,cAAgB;IACjCJ,QAAQ,EAAGA,QAAU;IACrBtB,OAAO,EAAGA;EAAS;EAGlB;EACA;EACA;EACA0B,cAAc,IAAIP,cAEN,CACE,CACb,CAGoB,CAAC;AAE/B","ignoreList":[]}

package/build/components/create-template-part-modal/index.js

@@ -96,6 +96,7 @@ function CreateTemplatePartModalContents({
   }, (0, _react.createElement)(_components.__experimentalVStack, {
     spacing: "4"
   }, (0, _react.createElement)(_components.TextControl, {
+    __next40pxDefaultSize: true,
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Name'),
     value: title,
@@ -134,11 +135,13 @@ function CreateTemplatePartModalContents({
   }))))))), (0, _react.createElement)(_components.__experimentalHStack, {
     justify: "right"
   }, (0, _react.createElement)(_components.Button, {
+    __next40pxDefaultSize: true,
     variant: "tertiary",
     onClick: () => {
       closeModal();
     }
   }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
+    __next40pxDefaultSize: true,
     variant: "primary",
     type: "submit",
     "aria-disabled": !title || isSubmitting,

package/build/components/create-template-part-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_components","_i18n","_element","_compose","_editor","_notices","_coreData","_icons","_blocks","_constants","_templatePartCreate","CreateTemplatePartModal","modalTitle","__","restProps","_react","createElement","Modal","title","onRequestClose","closeModal","overlayClassName","CreateTemplatePartModalContents","defaultArea","TEMPLATE_PART_AREA_DEFAULT_CATEGORY","blocks","confirmLabel","onCreate","onError","defaultTitle","createErrorNotice","useDispatch","noticesStore","saveEntityRecord","coreStore","existingTemplateParts","useExistingTemplateParts","setTitle","useState","area","setArea","isSubmitting","setIsSubmitting","instanceId","useInstanceId","templatePartAreas","useSelect","select","editorStore","__experimentalGetDefaultTemplatePartAreas","createTemplatePart","uniqueTitle","getUniqueTemplatePartTitle","cleanSlug","getCleanTemplatePartSlug","templatePart","TEMPLATE_PART_POST_TYPE","slug","content","serialize","throwOnError","error","errorMessage","message","code","type","onSubmit","event","preventDefault","__experimentalVStack","spacing","TextControl","__nextHasNoMarginBottom","label","value","onChange","required","BaseControl","id","className","__experimentalRadioGroup","checked","map","icon","description","__experimentalRadio","key","Flex","align","justify","FlexItem","Icon","FlexBlock","check","__experimentalHStack","Button","variant","onClick","isBusy"],"sources":["@wordpress/edit-site/src/components/create-template-part-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tIcon,\n\tBaseControl,\n\tTextControl,\n\tFlex,\n\tFlexItem,\n\tFlexBlock,\n\tButton,\n\tModal,\n\t__experimentalRadioGroup as RadioGroup,\n\t__experimentalRadio as Radio,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { check } from '@wordpress/icons';\nimport { serialize } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_PART_AREA_DEFAULT_CATEGORY,\n} from '../../utils/constants';\nimport {\n\tuseExistingTemplateParts,\n\tgetUniqueTemplatePartTitle,\n\tgetCleanTemplatePartSlug,\n} from '../../utils/template-part-create';\n\nexport default function CreateTemplatePartModal( {\n\tmodalTitle = __( 'Create template part' ),\n\t...restProps\n} ) {\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ modalTitle }\n\t\t\tonRequestClose={ restProps.closeModal }\n\t\t\toverlayClassName=\"edit-site-create-template-part-modal\"\n\t\t>\n\t\t\t<CreateTemplatePartModalContents { ...restProps } />\n\t\t</Modal>\n\t);\n}\n\nexport function CreateTemplatePartModalContents( {\n\tdefaultArea = TEMPLATE_PART_AREA_DEFAULT_CATEGORY,\n\tblocks = [],\n\tconfirmLabel = __( 'Create' ),\n\tcloseModal,\n\tonCreate,\n\tonError,\n\tdefaultTitle = '',\n} ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\tconst existingTemplateParts = useExistingTemplateParts();\n\n\tconst [ title, setTitle ] = useState( defaultTitle );\n\tconst [ area, setArea ] = useState( defaultArea );\n\tconst [ isSubmitting, setIsSubmitting ] = useState( false );\n\tconst instanceId = useInstanceId( CreateTemplatePartModal );\n\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetDefaultTemplatePartAreas(),\n\t\t[]\n\t);\n\tasync function createTemplatePart() {\n\t\tif ( ! title || isSubmitting ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tsetIsSubmitting( true );\n\t\t\tconst uniqueTitle = getUniqueTemplatePartTitle(\n\t\t\t\ttitle,\n\t\t\t\texistingTemplateParts\n\t\t\t);\n\t\t\tconst cleanSlug = getCleanTemplatePartSlug( uniqueTitle );\n\n\t\t\tconst templatePart = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tTEMPLATE_PART_POST_TYPE,\n\t\t\t\t{\n\t\t\t\t\tslug: cleanSlug,\n\t\t\t\t\ttitle: uniqueTitle,\n\t\t\t\t\tcontent: serialize( blocks ),\n\t\t\t\t\tarea,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\t\t\tawait onCreate( templatePart );\n\n\t\t\t// TODO: Add a success notice?\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'An error occurred while creating the template part.'\n\t\t\t\t\t  );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\n\t\t\tonError?.();\n\t\t} finally {\n\t\t\tsetIsSubmitting( false );\n\t\t}\n\t}\n\treturn (\n\t\t<form\n\t\t\tonSubmit={ async ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tawait createTemplatePart();\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing=\"4\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ title }\n\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\trequired\n\t\t\t\t/>\n\t\t\t\t<BaseControl\n\t\t\t\t\tlabel={ __( 'Area' ) }\n\t\t\t\t\tid={ `edit-site-create-template-part-modal__area-selection-${ instanceId }` }\n\t\t\t\t\tclassName=\"edit-site-create-template-part-modal__area-base-control\"\n\t\t\t\t>\n\t\t\t\t\t<RadioGroup\n\t\t\t\t\t\tlabel={ __( 'Area' ) }\n\t\t\t\t\t\tclassName=\"edit-site-create-template-part-modal__area-radio-group\"\n\t\t\t\t\t\tid={ `edit-site-create-template-part-modal__area-selection-${ instanceId }` }\n\t\t\t\t\t\tonChange={ setArea }\n\t\t\t\t\t\tchecked={ area }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ templatePartAreas.map(\n\t\t\t\t\t\t\t( { icon, label, area: value, description } ) => (\n\t\t\t\t\t\t\t\t<Radio\n\t\t\t\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-create-template-part-modal__area-radio\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Flex align=\"start\" justify=\"start\">\n\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t<FlexBlock className=\"edit-site-create-template-part-modal__option-label\">\n\t\t\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t\t\t\t<div>{ description }</div>\n\t\t\t\t\t\t\t\t\t\t</FlexBlock>\n\n\t\t\t\t\t\t\t\t\t\t<FlexItem className=\"edit-site-create-template-part-modal__checkbox\">\n\t\t\t\t\t\t\t\t\t\t\t{ area === value && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t</Flex>\n\t\t\t\t\t\t\t\t</Radio>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) }\n\t\t\t\t\t</RadioGroup>\n\t\t\t\t</BaseControl>\n\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tcloseModal();\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\taria-disabled={ ! title || isSubmitting }\n\t\t\t\t\t\tisBusy={ isSubmitting }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ confirmLabel }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</form>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_data","require","_components","_i18n","_element","_compose","_editor","_notices","_coreData","_icons","_blocks","_constants","_templatePartCreate","CreateTemplatePartModal","modalTitle","__","restProps","_react","createElement","Modal","title","onRequestClose","closeModal","overlayClassName","CreateTemplatePartModalContents","defaultArea","TEMPLATE_PART_AREA_DEFAULT_CATEGORY","blocks","confirmLabel","onCreate","onError","defaultTitle","createErrorNotice","useDispatch","noticesStore","saveEntityRecord","coreStore","existingTemplateParts","useExistingTemplateParts","setTitle","useState","area","setArea","isSubmitting","setIsSubmitting","instanceId","useInstanceId","templatePartAreas","useSelect","select","editorStore","__experimentalGetDefaultTemplatePartAreas","createTemplatePart","uniqueTitle","getUniqueTemplatePartTitle","cleanSlug","getCleanTemplatePartSlug","templatePart","TEMPLATE_PART_POST_TYPE","slug","content","serialize","throwOnError","error","errorMessage","message","code","type","onSubmit","event","preventDefault","__experimentalVStack","spacing","TextControl","__next40pxDefaultSize","__nextHasNoMarginBottom","label","value","onChange","required","BaseControl","id","className","__experimentalRadioGroup","checked","map","icon","description","__experimentalRadio","key","Flex","align","justify","FlexItem","Icon","FlexBlock","check","__experimentalHStack","Button","variant","onClick","isBusy"],"sources":["@wordpress/edit-site/src/components/create-template-part-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tIcon,\n\tBaseControl,\n\tTextControl,\n\tFlex,\n\tFlexItem,\n\tFlexBlock,\n\tButton,\n\tModal,\n\t__experimentalRadioGroup as RadioGroup,\n\t__experimentalRadio as Radio,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { check } from '@wordpress/icons';\nimport { serialize } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_PART_AREA_DEFAULT_CATEGORY,\n} from '../../utils/constants';\nimport {\n\tuseExistingTemplateParts,\n\tgetUniqueTemplatePartTitle,\n\tgetCleanTemplatePartSlug,\n} from '../../utils/template-part-create';\n\nexport default function CreateTemplatePartModal( {\n\tmodalTitle = __( 'Create template part' ),\n\t...restProps\n} ) {\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ modalTitle }\n\t\t\tonRequestClose={ restProps.closeModal }\n\t\t\toverlayClassName=\"edit-site-create-template-part-modal\"\n\t\t>\n\t\t\t<CreateTemplatePartModalContents { ...restProps } />\n\t\t</Modal>\n\t);\n}\n\nexport function CreateTemplatePartModalContents( {\n\tdefaultArea = TEMPLATE_PART_AREA_DEFAULT_CATEGORY,\n\tblocks = [],\n\tconfirmLabel = __( 'Create' ),\n\tcloseModal,\n\tonCreate,\n\tonError,\n\tdefaultTitle = '',\n} ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\tconst existingTemplateParts = useExistingTemplateParts();\n\n\tconst [ title, setTitle ] = useState( defaultTitle );\n\tconst [ area, setArea ] = useState( defaultArea );\n\tconst [ isSubmitting, setIsSubmitting ] = useState( false );\n\tconst instanceId = useInstanceId( CreateTemplatePartModal );\n\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetDefaultTemplatePartAreas(),\n\t\t[]\n\t);\n\tasync function createTemplatePart() {\n\t\tif ( ! title || isSubmitting ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tsetIsSubmitting( true );\n\t\t\tconst uniqueTitle = getUniqueTemplatePartTitle(\n\t\t\t\ttitle,\n\t\t\t\texistingTemplateParts\n\t\t\t);\n\t\t\tconst cleanSlug = getCleanTemplatePartSlug( uniqueTitle );\n\n\t\t\tconst templatePart = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tTEMPLATE_PART_POST_TYPE,\n\t\t\t\t{\n\t\t\t\t\tslug: cleanSlug,\n\t\t\t\t\ttitle: uniqueTitle,\n\t\t\t\t\tcontent: serialize( blocks ),\n\t\t\t\t\tarea,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\t\t\tawait onCreate( templatePart );\n\n\t\t\t// TODO: Add a success notice?\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'An error occurred while creating the template part.'\n\t\t\t\t\t  );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\n\t\t\tonError?.();\n\t\t} finally {\n\t\t\tsetIsSubmitting( false );\n\t\t}\n\t}\n\treturn (\n\t\t<form\n\t\t\tonSubmit={ async ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tawait createTemplatePart();\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing=\"4\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ title }\n\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\trequired\n\t\t\t\t/>\n\t\t\t\t<BaseControl\n\t\t\t\t\tlabel={ __( 'Area' ) }\n\t\t\t\t\tid={ `edit-site-create-template-part-modal__area-selection-${ instanceId }` }\n\t\t\t\t\tclassName=\"edit-site-create-template-part-modal__area-base-control\"\n\t\t\t\t>\n\t\t\t\t\t<RadioGroup\n\t\t\t\t\t\tlabel={ __( 'Area' ) }\n\t\t\t\t\t\tclassName=\"edit-site-create-template-part-modal__area-radio-group\"\n\t\t\t\t\t\tid={ `edit-site-create-template-part-modal__area-selection-${ instanceId }` }\n\t\t\t\t\t\tonChange={ setArea }\n\t\t\t\t\t\tchecked={ area }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ templatePartAreas.map(\n\t\t\t\t\t\t\t( { icon, label, area: value, description } ) => (\n\t\t\t\t\t\t\t\t<Radio\n\t\t\t\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-create-template-part-modal__area-radio\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Flex align=\"start\" justify=\"start\">\n\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t<FlexBlock className=\"edit-site-create-template-part-modal__option-label\">\n\t\t\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t\t\t\t<div>{ description }</div>\n\t\t\t\t\t\t\t\t\t\t</FlexBlock>\n\n\t\t\t\t\t\t\t\t\t\t<FlexItem className=\"edit-site-create-template-part-modal__checkbox\">\n\t\t\t\t\t\t\t\t\t\t\t{ area === value && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t</Flex>\n\t\t\t\t\t\t\t\t</Radio>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) }\n\t\t\t\t\t</RadioGroup>\n\t\t\t\t</BaseControl>\n\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tcloseModal();\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\taria-disabled={ ! title || isSubmitting }\n\t\t\t\t\t\tisBusy={ isSubmitting }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ confirmLabel }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</form>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/dataviews-actions/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEditPostAction = void 0;
+var _i18n = require("@wordpress/i18n");
+var _icons = require("@wordpress/icons");
+var _element = require("@wordpress/element");
+var _router = require("@wordpress/router");
+var _lockUnlock = require("../../lock-unlock");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  useHistory
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+const useEditPostAction = () => {
+  const history = useHistory();
+  return (0, _element.useMemo)(() => ({
+    id: 'edit-post',
+    label: (0, _i18n.__)('Edit'),
+    isPrimary: true,
+    icon: _icons.edit,
+    isEligible({
+      status
+    }) {
+      return status !== 'trash';
+    },
+    callback(items) {
+      const post = items[0];
+      history.push({
+        postId: post.id,
+        postType: post.type,
+        canvas: 'edit'
+      });
+    }
+  }), [history]);
+};
+exports.useEditPostAction = useEditPostAction;
+//# sourceMappingURL=index.js.map

package/build/components/dataviews-actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_icons","_element","_router","_lockUnlock","useHistory","unlock","routerPrivateApis","useEditPostAction","history","useMemo","id","label","__","isPrimary","icon","edit","isEligible","status","callback","items","post","push","postId","postType","type","canvas","exports"],"sources":["@wordpress/edit-site/src/components/dataviews-actions/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { edit } from '@wordpress/icons';\nimport { useMemo } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nexport const useEditPostAction = () => {\n\tconst history = useHistory();\n\treturn useMemo(\n\t\t() => ( {\n\t\t\tid: 'edit-post',\n\t\t\tlabel: __( 'Edit' ),\n\t\t\tisPrimary: true,\n\t\t\ticon: edit,\n\t\t\tisEligible( { status } ) {\n\t\t\t\treturn status !== 'trash';\n\t\t\t},\n\t\t\tcallback( items ) {\n\t\t\t\tconst post = items[ 0 ];\n\t\t\t\thistory.push( {\n\t\t\t\t\tpostId: post.id,\n\t\t\t\t\tpostType: post.type,\n\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t} );\n\t\t\t},\n\t\t} ),\n\t\t[ history ]\n\t);\n};\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,MAAM;EAAEK;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAE3C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACtC,MAAMC,OAAO,GAAGJ,UAAU,CAAC,CAAC;EAC5B,OAAO,IAAAK,gBAAO,EACb,OAAQ;IACPC,EAAE,EAAE,WAAW;IACfC,KAAK,EAAE,IAAAC,QAAE,EAAE,MAAO,CAAC;IACnBC,SAAS,EAAE,IAAI;IACfC,IAAI,EAAEC,WAAI;IACVC,UAAUA,CAAE;MAAEC;IAAO,CAAC,EAAG;MACxB,OAAOA,MAAM,KAAK,OAAO;IAC1B,CAAC;IACDC,QAAQA,CAAEC,KAAK,EAAG;MACjB,MAAMC,IAAI,GAAGD,KAAK,CAAE,CAAC,CAAE;MACvBX,OAAO,CAACa,IAAI,CAAE;QACbC,MAAM,EAAEF,IAAI,CAACV,EAAE;QACfa,QAAQ,EAAEH,IAAI,CAACI,IAAI;QACnBC,MAAM,EAAE;MACT,CAAE,CAAC;IACJ;EACD,CAAC,CAAE,EACH,CAAEjB,OAAO,CACV,CAAC;AACF,CAAC;AAACkB,OAAA,CAAAnB,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/build/components/editor/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Editor;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
@@ -15,12 +15,13 @@ var _blockEditor = require("@wordpress/block-editor");
 var _editor = require("@wordpress/editor");
 var _i18n = require("@wordpress/i18n");
 var _coreData = require("@wordpress/core-data");
-var _sidebarEditMode = require("../sidebar-edit-mode");
+var _blockLibrary = require("@wordpress/block-library");
+var _element = require("@wordpress/element");
+var _notices = require("@wordpress/notices");
+var _router = require("@wordpress/router");
 var _codeEditor = _interopRequireDefault(require("../code-editor"));
 var _headerEditMode = _interopRequireDefault(require("../header-edit-mode"));
-var _editMode = _interopRequireDefault(require("../keyboard-shortcuts/edit-mode"));
 var _welcomeGuide = _interopRequireDefault(require("../welcome-guide"));
-var _startTemplateOptions = _interopRequireDefault(require("../start-template-options"));
 var _store = require("../../store");
 var _globalStylesRenderer = require("../global-styles-renderer");
 var _useTitle = _interopRequireDefault(require("../routes/use-title"));
@@ -32,6 +33,8 @@ var _constants = require("../../utils/constants");
 var _siteEditorCanvas = _interopRequireDefault(require("../block-editor/site-editor-canvas"));
 var _templatePartConverter = _interopRequireDefault(require("../template-part-converter"));
 var _useSiteEditorSettings = require("../block-editor/use-site-editor-settings");
+var _pluginTemplateSettingPanel = _interopRequireDefault(require("../plugin-template-setting-panel"));
+var _globalStylesSidebar = _interopRequireDefault(require("../global-styles-sidebar"));
 /**
  * External dependencies
  */
@@ -50,8 +53,16 @@ const {
   ListViewSidebar,
   InterfaceSkeleton,
   ComplementaryArea,
-  interfaceStore
+  interfaceStore,
+  SavePublishPanels,
+  Sidebar
 } = (0, _lockUnlock.unlock)(_editor.privateApis);
+const {
+  useHistory
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+const {
+  BlockKeyboardShortcuts
+} = (0, _lockUnlock.unlock)(_blockLibrary.privateApis);
 const interfaceLabels = {
   /* translators: accessibility text for the editor content landmark region. */
   body: (0, _i18n.__)('Editor content'),
@@ -91,14 +102,17 @@ function Editor({
     isDistractionFree,
     showIconLabels,
     showBlockBreadcrumbs,
-    postTypeLabel
+    postTypeLabel,
+    isEditingPage,
+    supportsGlobalStyles
   } = (0, _data.useSelect)(select => {
     const {
       get
     } = select(_preferences.store);
     const {
       getEditedPostContext,
-      getCanvasMode
+      getCanvasMode,
+      isPage
     } = (0, _lockUnlock.unlock)(select(_store.store));
     const {
       __unstableGetEditorMode
@@ -107,7 +121,8 @@ function Editor({
       getActiveComplementaryArea
     } = select(interfaceStore);
     const {
-      getEntityRecord
+      getEntityRecord,
+      getCurrentTheme
     } = select(_coreData.store);
     const {
       isInserterOpened,
@@ -131,7 +146,9 @@ function Editor({
       isDistractionFree: get('core', 'distractionFree'),
       showBlockBreadcrumbs: get('core', 'showBlockBreadcrumbs'),
       showIconLabels: get('core', 'showIconLabels'),
-      postTypeLabel: getPostTypeLabel()
+      postTypeLabel: getPostTypeLabel(),
+      isEditingPage: isPage(),
+      supportsGlobalStyles: getCurrentTheme()?.is_block_theme
     };
   }, []);
   const isViewMode = canvasMode === 'view';
@@ -158,6 +175,57 @@ function Editor({
     closeGeneralSidebar
   } = (0, _data.useDispatch)(_store.store);
   const settings = (0, _useSiteEditorSettings.useSpecificEditorSettings)();
+
+  // Local state for save panel.
+  // Note 'truthy' callback implies an open panel.
+  const [entitiesSavedStatesCallback, setEntitiesSavedStatesCallback] = (0, _element.useState)(false);
+  const closeEntitiesSavedStates = (0, _element.useCallback)(arg => {
+    if (typeof entitiesSavedStatesCallback === 'function') {
+      entitiesSavedStatesCallback(arg);
+    }
+    setEntitiesSavedStatesCallback(false);
+  }, [entitiesSavedStatesCallback]);
+  const {
+    createSuccessNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  const history = useHistory();
+  const onActionPerformed = (0, _element.useCallback)((actionId, items) => {
+    switch (actionId) {
+      case 'move-to-trash':
+        {
+          history.push({
+            path: '/' + items[0].type,
+            postId: undefined,
+            postType: undefined,
+            canvas: 'view'
+          });
+        }
+        break;
+      case 'duplicate-post':
+        {
+          const newItem = items[0];
+          const _title = typeof newItem.title === 'string' ? newItem.title : newItem.title?.rendered;
+          createSuccessNotice((0, _i18n.sprintf)(
+          // translators: %s: Title of the created post e.g: "Post 1".
+          (0, _i18n.__)('"%s" successfully created.'), _title), {
+            type: 'snackbar',
+            id: 'duplicate-post-action',
+            actions: [{
+              label: (0, _i18n.__)('Edit'),
+              onClick: () => {
+                history.push({
+                  path: undefined,
+                  postId: newItem.id,
+                  postType: newItem.type,
+                  canvas: 'edit'
+                });
+              }
+            }]
+          });
+        }
+        break;
+    }
+  }, [history, createSuccessNotice]);
   const isReady = !isLoading && (postWithTemplate && !!contextPost && !!editedPost || !postWithTemplate && !!editedPost);
   return (0, _react.createElement)(_react.Fragment, null, !isReady ? (0, _react.createElement)(_canvasLoader.default, {
     id: loadingProgressId
@@ -169,11 +237,12 @@ function Editor({
     __unstableTemplate: postWithTemplate ? editedPost : undefined,
     settings: settings,
     useSubRegistry: false
-  }, (0, _react.createElement)(_sidebarEditMode.SidebarComplementaryAreaFills, null), isEditMode && (0, _react.createElement)(_startTemplateOptions.default, null), (0, _react.createElement)(InterfaceSkeleton, {
+  }, (0, _react.createElement)(InterfaceSkeleton, {
     isDistractionFree: isDistractionFree,
     enableRegionNavigation: false,
-    className: (0, _classnames.default)('edit-site-editor__interface-skeleton', {
-      'show-icon-labels': showIconLabels
+    className: (0, _clsx.default)('edit-site-editor__interface-skeleton', {
+      'show-icon-labels': showIconLabels,
+      'is-entity-save-view-open': !!entitiesSavedStatesCallback
     }),
     header: (0, _react.createElement)(_components.__unstableAnimatePresence, {
       initial: false
@@ -194,13 +263,20 @@ function Editor({
         disableMotion || !isLargeViewport ? 0 : ANIMATION_DURATION,
         ease: [0.6, 0, 0.4, 1]
       }
-    }, (0, _react.createElement)(_headerEditMode.default, null))),
+    }, (0, _react.createElement)(_headerEditMode.default, {
+      setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback
+    }))),
+    actions: (0, _react.createElement)(SavePublishPanels, {
+      closeEntitiesSavedStates: closeEntitiesSavedStates,
+      isEntitiesSavedStatesOpen: entitiesSavedStatesCallback,
+      setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback
+    }),
     notices: (0, _react.createElement)(_editor.EditorSnackbars, null),
-    content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_globalStylesRenderer.GlobalStylesRenderer, null), isEditMode && (0, _react.createElement)(_editor.EditorNotices, null), showVisualEditor && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_templatePartConverter.default, null), (0, _react.createElement)(_sidebarEditMode.SidebarInspectorFill, null, (0, _react.createElement)(_blockEditor.BlockInspector, null)), !isLargeViewport && (0, _react.createElement)(_blockEditor.BlockToolbar, {
+    content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_globalStylesRenderer.GlobalStylesRenderer, null), isEditMode && (0, _react.createElement)(_editor.EditorNotices, null), showVisualEditor && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_templatePartConverter.default, null), !isLargeViewport && (0, _react.createElement)(_blockEditor.BlockToolbar, {
       hideDragHandle: true
     }), (0, _react.createElement)(_siteEditorCanvas.default, {
       onClick: onClick
-    }), (0, _react.createElement)(_patternModal.default, null)), editorMode === 'text' && isEditMode && (0, _react.createElement)(_codeEditor.default, null), isEditMode && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_editMode.default, null), (0, _react.createElement)(_editor.EditorKeyboardShortcutsRegister, null), (0, _react.createElement)(_editor.EditorKeyboardShortcuts, null))),
+    }), (0, _react.createElement)(_patternModal.default, null)), editorMode === 'text' && isEditMode && (0, _react.createElement)(_codeEditor.default, null), isEditMode && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_editor.EditorKeyboardShortcutsRegister, null), (0, _react.createElement)(_editor.EditorKeyboardShortcuts, null), (0, _react.createElement)(BlockKeyboardShortcuts, null))),
     secondarySidebar: isEditMode && (shouldShowInserter && (0, _react.createElement)(InserterSidebar, {
       closeGeneralSidebar: closeGeneralSidebar,
       isRightSidebarOpen: isRightSidebarOpen
@@ -215,6 +291,9 @@ function Editor({
       ...interfaceLabels,
       secondarySidebar: secondarySidebarLabel
     }
-  })));
+  }), (0, _react.createElement)(Sidebar, {
+    onActionPerformed: onActionPerformed,
+    extraPanels: !isEditingPage && (0, _react.createElement)(_pluginTemplateSettingPanel.default.Slot, null)
+  }), supportsGlobalStyles && (0, _react.createElement)(_globalStylesSidebar.default, null)));
 }
 //# sourceMappingURL=index.js.map