@wordpress/edit-site 5.34.0 → 6.0.0

package/build/components/block-editor/use-editor-iframe-props.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useEditorIframeProps;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _data = require("@wordpress/data");
+var _keycodes = require("@wordpress/keycodes");
+var _element = require("@wordpress/element");
+var _i18n = require("@wordpress/i18n");
+var _editor = require("@wordpress/editor");
+var _lockUnlock = require("../../lock-unlock");
+var _store = require("../../store");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function useEditorIframeProps() {
+  const {
+    canvasMode,
+    currentPostIsTrashed
+  } = (0, _data.useSelect)(select => {
+    const {
+      getCanvasMode
+    } = (0, _lockUnlock.unlock)(select(_store.store));
+    return {
+      canvasMode: getCanvasMode(),
+      currentPostIsTrashed: select(_editor.store).getCurrentPostAttribute('status') === 'trash'
+    };
+  }, []);
+  const {
+    setCanvasMode
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+  const [isFocused, setIsFocused] = (0, _element.useState)(false);
+  (0, _element.useEffect)(() => {
+    if (canvasMode === 'edit') {
+      setIsFocused(false);
+    }
+  }, [canvasMode]);
+
+  // In view mode, make the canvas iframe be perceived and behave as a button
+  // to switch to edit mode, with a meaningful label and no title attribute.
+  const viewModeIframeProps = {
+    'aria-label': (0, _i18n.__)('Edit'),
+    'aria-disabled': currentPostIsTrashed,
+    title: null,
+    role: 'button',
+    tabIndex: 0,
+    onFocus: () => setIsFocused(true),
+    onBlur: () => setIsFocused(false),
+    onKeyDown: event => {
+      const {
+        keyCode
+      } = event;
+      if ((keyCode === _keycodes.ENTER || keyCode === _keycodes.SPACE) && !currentPostIsTrashed) {
+        event.preventDefault();
+        setCanvasMode('edit');
+      }
+    },
+    onClick: () => {
+      setCanvasMode('edit');
+    },
+    onClickCapture: event => {
+      if (currentPostIsTrashed) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    },
+    readonly: true
+  };
+  return {
+    className: (0, _clsx.default)('edit-site-visual-editor__editor-canvas', {
+      'is-focused': isFocused && canvasMode === 'view'
+    }),
+    ...(canvasMode === 'view' ? viewModeIframeProps : {})
+  };
+}
+//# sourceMappingURL=use-editor-iframe-props.js.map

package/build/components/block-editor/use-editor-iframe-props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_keycodes","_element","_i18n","_editor","_lockUnlock","_store","useEditorIframeProps","canvasMode","currentPostIsTrashed","useSelect","select","getCanvasMode","unlock","editSiteStore","editorStore","getCurrentPostAttribute","setCanvasMode","useDispatch","isFocused","setIsFocused","useState","useEffect","viewModeIframeProps","__","title","role","tabIndex","onFocus","onBlur","onKeyDown","event","keyCode","ENTER","SPACE","preventDefault","onClick","onClickCapture","stopPropagation","readonly","className","clsx"],"sources":["@wordpress/edit-site/src/components/block-editor/use-editor-iframe-props.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\nimport { useState, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport default function useEditorIframeProps() {\n\tconst { canvasMode, currentPostIsTrashed } = useSelect( ( select ) => {\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\n\t\treturn {\n\t\t\tcanvasMode: getCanvasMode(),\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\tsetCanvasMode( 'edit' );\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\n\treturn {\n\t\tclassName: clsx( 'edit-site-visual-editor__editor-canvas', {\n\t\t\t'is-focused': isFocused && canvasMode === 'view',\n\t\t} ),\n\t\t...( canvasMode === 'view' ? viewModeIframeProps : {} ),\n\t};\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAKA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAIe,SAASQ,oBAAoBA,CAAA,EAAG;EAC9C,MAAM;IAAEC,UAAU;IAAEC;EAAqB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACrE,MAAM;MAAEC;IAAc,CAAC,GAAG,IAAAC,kBAAM,EAAEF,MAAM,CAAEG,YAAc,CAAE,CAAC;IAE3D,OAAO;MACNN,UAAU,EAAEI,aAAa,CAAC,CAAC;MAC3BH,oBAAoB,EACnBE,MAAM,CAAEI,aAAY,CAAC,CAACC,uBAAuB,CAAE,QAAS,CAAC,KACzD;IACF,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAJ,kBAAM,EAAE,IAAAK,iBAAW,EAAEJ,YAAc,CAAE,CAAC;EAChE,MAAM,CAAEK,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAErD,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKd,UAAU,KAAK,MAAM,EAAG;MAC5BY,YAAY,CAAE,KAAM,CAAC;IACtB;EACD,CAAC,EAAE,CAAEZ,UAAU,CAAG,CAAC;;EAEnB;EACA;EACA,MAAMe,mBAAmB,GAAG;IAC3B,YAAY,EAAE,IAAAC,QAAE,EAAE,MAAO,CAAC;IAC1B,eAAe,EAAEf,oBAAoB;IACrCgB,KAAK,EAAE,IAAI;IACXC,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE,CAAC;IACXC,OAAO,EAAEA,CAAA,KAAMR,YAAY,CAAE,IAAK,CAAC;IACnCS,MAAM,EAAEA,CAAA,KAAMT,YAAY,CAAE,KAAM,CAAC;IACnCU,SAAS,EAAIC,KAAK,IAAM;MACvB,MAAM;QAAEC;MAAQ,CAAC,GAAGD,KAAK;MACzB,IACC,CAAEC,OAAO,KAAKC,eAAK,IAAID,OAAO,KAAKE,eAAK,KACxC,CAAEzB,oBAAoB,EACrB;QACDsB,KAAK,CAACI,cAAc,CAAC,CAAC;QACtBlB,aAAa,CAAE,MAAO,CAAC;MACxB;IACD,CAAC;IACDmB,OAAO,EAAEA,CAAA,KAAM;MACdnB,aAAa,CAAE,MAAO,CAAC;IACxB,CAAC;IACDoB,cAAc,EAAIN,KAAK,IAAM;MAC5B,IAAKtB,oBAAoB,EAAG;QAC3BsB,KAAK,CAACI,cAAc,CAAC,CAAC;QACtBJ,KAAK,CAACO,eAAe,CAAC,CAAC;MACxB;IACD,CAAC;IACDC,QAAQ,EAAE;EACX,CAAC;EAED,OAAO;IACNC,SAAS,EAAE,IAAAC,aAAI,EAAE,wCAAwC,EAAE;MAC1D,YAAY,EAAEtB,SAAS,IAAIX,UAAU,KAAK;IAC3C,CAAE,CAAC;IACH,IAAKA,UAAU,KAAK,MAAM,GAAGe,mBAAmB,GAAG,CAAC,CAAC;EACtD,CAAC;AACF","ignoreList":[]}

package/build/components/canvas-loader/index.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CanvasLoader;
-var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _coreData = require("@wordpress/core-data");
 var _data = require("@wordpress/data");
 var _lockUnlock = require("../../lock-unlock");
 var _hooks = require("../global-styles/hooks");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -20,7 +20,6 @@ var _hooks = require("../global-styles/hooks");
  */
 
 const {
-  ProgressBar,
   Theme
 } = (0, _lockUnlock.unlock)(_components.privateApis);
 const {
@@ -49,15 +48,17 @@ function CanvasLoader({
       total: finished + resolving
     };
   }, []);
-  return (0, _react.createElement)("div", {
-    className: "edit-site-canvas-loader"
-  }, (0, _react.createElement)(Theme, {
-    accent: indicatorColor,
-    background: backgroundColor
-  }, (0, _react.createElement)(ProgressBar, {
-    id: id,
-    max: total,
-    value: elapsed
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "edit-site-canvas-loader",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Theme, {
+      accent: indicatorColor,
+      background: backgroundColor,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ProgressBar, {
+        id: id,
+        max: total,
+        value: elapsed
+      })
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/components/canvas-loader/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_components","_coreData","_data","_lockUnlock","_hooks","ProgressBar","Theme","unlock","componentsPrivateApis","useGlobalStyle","blockEditorPrivateApis","CanvasLoader","id","_highlightedColors$0$","fallbackIndicatorColor","backgroundColor","highlightedColors","useStylesPreviewColors","indicatorColor","color","elapsed","total","useSelect","select","_selectorsByStatus$re","_selectorsByStatus$fi","selectorsByStatus","coreStore","countSelectorsByStatus","resolving","finished","_react","createElement","className","accent","background","max","value"],"sources":["@wordpress/edit-site/src/components/canvas-loader/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { useStylesPreviewColors } from '../global-styles/hooks';\n\nconst { ProgressBar, Theme } = unlock( componentsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nexport default function CanvasLoader( { id } ) {\n\tconst [ fallbackIndicatorColor ] = useGlobalStyle( 'color.text' );\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst { highlightedColors } = useStylesPreviewColors();\n\tconst indicatorColor =\n\t\thighlightedColors[ 0 ]?.color ?? fallbackIndicatorColor;\n\tconst { elapsed, total } = useSelect( ( select ) => {\n\t\tconst selectorsByStatus = select( coreStore ).countSelectorsByStatus();\n\t\tconst resolving = selectorsByStatus.resolving ?? 0;\n\t\tconst finished = selectorsByStatus.finished ?? 0;\n\t\treturn {\n\t\t\telapsed: finished,\n\t\t\ttotal: finished + resolving,\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<div className=\"edit-site-canvas-loader\">\n\t\t\t<Theme accent={ indicatorColor } background={ backgroundColor }>\n\t\t\t\t<ProgressBar id={ id } max={ total } value={ elapsed } />\n\t\t\t</Theme>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAZA;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAM;EAAEM,WAAW;EAAEC;AAAM,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAC9D,MAAM;EAAEC;AAAe,CAAC,GAAG,IAAAF,kBAAM,EAAEG,wBAAuB,CAAC;AAE5C,SAASC,YAAYA,CAAE;EAAEC;AAAG,CAAC,EAAG;EAAA,IAAAC,qBAAA;EAC9C,MAAM,CAAEC,sBAAsB,CAAE,GAAGL,cAAc,CAAE,YAAa,CAAC;EACjE,MAAM,CAAEM,eAAe,CAAE,GAAGN,cAAc,CAAE,kBAAmB,CAAC;EAChE,MAAM;IAAEO;EAAkB,CAAC,GAAG,IAAAC,6BAAsB,EAAC,CAAC;EACtD,MAAMC,cAAc,IAAAL,qBAAA,GACnBG,iBAAiB,CAAE,CAAC,CAAE,EAAEG,KAAK,cAAAN,qBAAA,cAAAA,qBAAA,GAAIC,sBAAsB;EACxD,MAAM;IAAEM,OAAO;IAAEC;EAAM,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAAA,IAAAC,qBAAA,EAAAC,qBAAA;IACnD,MAAMC,iBAAiB,GAAGH,MAAM,CAAEI,eAAU,CAAC,CAACC,sBAAsB,CAAC,CAAC;IACtE,MAAMC,SAAS,IAAAL,qBAAA,GAAGE,iBAAiB,CAACG,SAAS,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,CAAC;IAClD,MAAMM,QAAQ,IAAAL,qBAAA,GAAGC,iBAAiB,CAACI,QAAQ,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,CAAC;IAChD,OAAO;MACNL,OAAO,EAAEU,QAAQ;MACjBT,KAAK,EAAES,QAAQ,GAAGD;IACnB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,OACC,IAAAE,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAyB,GACvC,IAAAF,MAAA,CAAAC,aAAA,EAAC1B,KAAK;IAAC4B,MAAM,EAAGhB,cAAgB;IAACiB,UAAU,EAAGpB;EAAiB,GAC9D,IAAAgB,MAAA,CAAAC,aAAA,EAAC3B,WAAW;IAACO,EAAE,EAAGA,EAAI;IAACwB,GAAG,EAAGf,KAAO;IAACgB,KAAK,EAAGjB;EAAS,CAAE,CAClD,CACH,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_components","_coreData","_data","_lockUnlock","_hooks","_jsxRuntime","Theme","unlock","componentsPrivateApis","useGlobalStyle","blockEditorPrivateApis","CanvasLoader","id","_highlightedColors$0$","fallbackIndicatorColor","backgroundColor","highlightedColors","useStylesPreviewColors","indicatorColor","color","elapsed","total","useSelect","select","_selectorsByStatus$re","_selectorsByStatus$fi","selectorsByStatus","coreStore","countSelectorsByStatus","resolving","finished","jsx","className","children","accent","background","ProgressBar","max","value"],"sources":["@wordpress/edit-site/src/components/canvas-loader/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tprivateApis as componentsPrivateApis,\n\tProgressBar,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { useStylesPreviewColors } from '../global-styles/hooks';\n\nconst { Theme } = unlock( componentsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nexport default function CanvasLoader( { id } ) {\n\tconst [ fallbackIndicatorColor ] = useGlobalStyle( 'color.text' );\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst { highlightedColors } = useStylesPreviewColors();\n\tconst indicatorColor =\n\t\thighlightedColors[ 0 ]?.color ?? fallbackIndicatorColor;\n\tconst { elapsed, total } = useSelect( ( select ) => {\n\t\tconst selectorsByStatus = select( coreStore ).countSelectorsByStatus();\n\t\tconst resolving = selectorsByStatus.resolving ?? 0;\n\t\tconst finished = selectorsByStatus.finished ?? 0;\n\t\treturn {\n\t\t\telapsed: finished,\n\t\t\ttotal: finished + resolving,\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<div className=\"edit-site-canvas-loader\">\n\t\t\t<Theme accent={ indicatorColor } background={ backgroundColor }>\n\t\t\t\t<ProgressBar id={ id } max={ total } value={ elapsed } />\n\t\t\t</Theme>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAIA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAgE,IAAAM,WAAA,GAAAN,OAAA;AAfhE;AACA;AACA;;AASA;AACA;AACA;;AAIA,MAAM;EAAEO;AAAM,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AACjD,MAAM;EAAEC;AAAe,CAAC,GAAG,IAAAF,kBAAM,EAAEG,wBAAuB,CAAC;AAE5C,SAASC,YAAYA,CAAE;EAAEC;AAAG,CAAC,EAAG;EAAA,IAAAC,qBAAA;EAC9C,MAAM,CAAEC,sBAAsB,CAAE,GAAGL,cAAc,CAAE,YAAa,CAAC;EACjE,MAAM,CAAEM,eAAe,CAAE,GAAGN,cAAc,CAAE,kBAAmB,CAAC;EAChE,MAAM;IAAEO;EAAkB,CAAC,GAAG,IAAAC,6BAAsB,EAAC,CAAC;EACtD,MAAMC,cAAc,IAAAL,qBAAA,GACnBG,iBAAiB,CAAE,CAAC,CAAE,EAAEG,KAAK,cAAAN,qBAAA,cAAAA,qBAAA,GAAIC,sBAAsB;EACxD,MAAM;IAAEM,OAAO;IAAEC;EAAM,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAAA,IAAAC,qBAAA,EAAAC,qBAAA;IACnD,MAAMC,iBAAiB,GAAGH,MAAM,CAAEI,eAAU,CAAC,CAACC,sBAAsB,CAAC,CAAC;IACtE,MAAMC,SAAS,IAAAL,qBAAA,GAAGE,iBAAiB,CAACG,SAAS,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,CAAC;IAClD,MAAMM,QAAQ,IAAAL,qBAAA,GAAGC,iBAAiB,CAACI,QAAQ,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,CAAC;IAChD,OAAO;MACNL,OAAO,EAAEU,QAAQ;MACjBT,KAAK,EAAES,QAAQ,GAAGD;IACnB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,oBACC,IAAAxB,WAAA,CAAA0B,GAAA;IAAKC,SAAS,EAAC,yBAAyB;IAAAC,QAAA,eACvC,IAAA5B,WAAA,CAAA0B,GAAA,EAACzB,KAAK;MAAC4B,MAAM,EAAGhB,cAAgB;MAACiB,UAAU,EAAGpB,eAAiB;MAAAkB,QAAA,eAC9D,IAAA5B,WAAA,CAAA0B,GAAA,EAAC/B,WAAA,CAAAoC,WAAW;QAACxB,EAAE,EAAGA,EAAI;QAACyB,GAAG,EAAGhB,KAAO;QAACiB,KAAK,EAAGlB;MAAS,CAAE;IAAC,CACnD;EAAC,CACJ,CAAC;AAER","ignoreList":[]}

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

@@ -0,0 +1,49 @@
+"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 _constants = require("../../utils/constants");
+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(post) {
+      if (post.status === 'trash') {
+        return false;
+      }
+      // It's eligible for all post types except theme patterns.
+      return post.type !== _constants.PATTERN_TYPES.theme;
+    },
+    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","_constants","_lockUnlock","useHistory","unlock","routerPrivateApis","useEditPostAction","history","useMemo","id","label","__","isPrimary","icon","edit","isEligible","post","status","type","PATTERN_TYPES","theme","callback","items","push","postId","postType","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 { PATTERN_TYPES } from '../../utils/constants';\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( post ) {\n\t\t\t\tif ( post.status === 'trash' ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\t// It's eligible for all post types except theme patterns.\n\t\t\t\treturn post.type !== PATTERN_TYPES.theme;\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,UAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAZA;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAM;EAAEM;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,CAAEC,IAAI,EAAG;MAClB,IAAKA,IAAI,CAACC,MAAM,KAAK,OAAO,EAAG;QAC9B,OAAO,KAAK;MACb;MACA;MACA,OAAOD,IAAI,CAACE,IAAI,KAAKC,wBAAa,CAACC,KAAK;IACzC,CAAC;IACDC,QAAQA,CAAEC,KAAK,EAAG;MACjB,MAAMN,IAAI,GAAGM,KAAK,CAAE,CAAC,CAAE;MACvBf,OAAO,CAACgB,IAAI,CAAE;QACbC,MAAM,EAAER,IAAI,CAACP,EAAE;QACfgB,QAAQ,EAAET,IAAI,CAACE,IAAI;QACnBQ,MAAM,EAAE;MACT,CAAE,CAAC;IACJ;EACD,CAAC,CAAE,EACH,CAAEnB,OAAO,CACV,CAAC;AACF,CAAC;AAACoB,OAAA,CAAArB,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/build/components/editor/index.js

@@ -5,34 +5,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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");
-var _preferences = require("@wordpress/preferences");
-var _blockEditor = require("@wordpress/block-editor");
 var _editor = require("@wordpress/editor");
 var _i18n = require("@wordpress/i18n");
 var _coreData = require("@wordpress/core-data");
 var _blockLibrary = require("@wordpress/block-library");
 var _element = require("@wordpress/element");
-var _sidebarEditMode = require("../sidebar-edit-mode");
-var _codeEditor = _interopRequireDefault(require("../code-editor"));
-var _headerEditMode = _interopRequireDefault(require("../header-edit-mode"));
+var _notices = require("@wordpress/notices");
+var _router = require("@wordpress/router");
+var _preferences = require("@wordpress/preferences");
 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"));
 var _canvasLoader = _interopRequireDefault(require("../canvas-loader"));
 var _lockUnlock = require("../../lock-unlock");
 var _useEditedEntityRecord = _interopRequireDefault(require("../use-edited-entity-record"));
-var _patternModal = _interopRequireDefault(require("../pattern-modal"));
 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"));
+var _isPreviewingTheme2 = require("../../utils/is-previewing-theme");
+var _editorCanvasContainer = require("../editor-canvas-container");
+var _saveButton = _interopRequireDefault(require("../save-button"));
+var _moreMenu = _interopRequireDefault(require("../more-menu"));
+var _useEditorIframeProps = _interopRequireDefault(require("../block-editor/use-editor-iframe-props"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -46,33 +48,18 @@ var _useSiteEditorSettings = require("../block-editor/use-site-editor-settings")
  */
 
 const {
+  EditorInterface,
   ExperimentalEditorProvider: EditorProvider,
-  InserterSidebar,
-  ListViewSidebar,
-  InterfaceSkeleton,
-  ComplementaryArea,
-  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'),
-  /* translators: accessibility text for the editor settings landmark region. */
-  sidebar: (0, _i18n.__)('Editor settings'),
-  /* translators: accessibility text for the editor publish landmark region. */
-  actions: (0, _i18n.__)('Editor publish'),
-  /* translators: accessibility text for the editor footer landmark region. */
-  footer: (0, _i18n.__)('Editor footer'),
-  /* translators: accessibility text for the editor header landmark region. */
-  header: (0, _i18n.__)('Editor top bar')
-};
-const ANIMATION_DURATION = 0.25;
 function Editor({
-  isLoading,
-  onClick
+  isLoading
 }) {
   const {
     record: editedPost,
@@ -82,42 +69,30 @@ function Editor({
   const {
     type: editedPostType
   } = editedPost;
-  const isLargeViewport = (0, _compose.useViewportMatch)('medium');
-  const disableMotion = (0, _compose.useReducedMotion)();
   const {
     context,
     contextPost,
     editorMode,
     canvasMode,
-    blockEditorMode,
-    isRightSidebarOpen,
-    isInserterOpen,
-    isListViewOpen,
-    isDistractionFree,
+    isEditingPage,
+    supportsGlobalStyles,
     showIconLabels,
-    showBlockBreadcrumbs,
-    postTypeLabel
+    editorCanvasView,
+    currentPostIsTrashed
   } = (0, _data.useSelect)(select => {
-    const {
-      get
-    } = select(_preferences.store);
     const {
       getEditedPostContext,
-      getCanvasMode
+      getCanvasMode,
+      isPage
     } = (0, _lockUnlock.unlock)(select(_store.store));
     const {
-      __unstableGetEditorMode
-    } = select(_blockEditor.store);
-    const {
-      getActiveComplementaryArea
-    } = select(interfaceStore);
+      get
+    } = select(_preferences.store);
     const {
-      getEntityRecord
+      getEntityRecord,
+      getCurrentTheme
     } = select(_coreData.store);
     const {
-      isInserterOpened,
-      isListViewOpened,
-      getPostTypeLabel,
       getEditorMode
     } = select(_editor.store);
     const _context = getEditedPostContext();
@@ -129,23 +104,19 @@ function Editor({
       contextPost: _context?.postId ? getEntityRecord('postType', _context.postType, _context.postId) : undefined,
       editorMode: getEditorMode(),
       canvasMode: getCanvasMode(),
-      blockEditorMode: __unstableGetEditorMode(),
-      isInserterOpen: isInserterOpened(),
-      isListViewOpen: isListViewOpened(),
-      isRightSidebarOpen: getActiveComplementaryArea('core'),
-      isDistractionFree: get('core', 'distractionFree'),
-      showBlockBreadcrumbs: get('core', 'showBlockBreadcrumbs'),
+      isEditingPage: isPage(),
+      supportsGlobalStyles: getCurrentTheme()?.is_block_theme,
       showIconLabels: get('core', 'showIconLabels'),
-      postTypeLabel: getPostTypeLabel()
+      editorCanvasView: (0, _lockUnlock.unlock)(select(_store.store)).getEditorCanvasContainerView(),
+      currentPostIsTrashed: select(_editor.store).getCurrentPostAttribute('status') === 'trash'
     };
   }, []);
+  const _isPreviewingTheme = (0, _isPreviewingTheme2.isPreviewingTheme)();
+  const hasDefaultEditorCanvasView = !(0, _editorCanvasContainer.useHasEditorCanvasContainer)();
+  const iframeProps = (0, _useEditorIframeProps.default)();
   const isViewMode = canvasMode === 'view';
   const isEditMode = canvasMode === 'edit';
   const showVisualEditor = isViewMode || editorMode === 'visual';
-  const shouldShowBlockBreadcrumbs = !isDistractionFree && showBlockBreadcrumbs && isEditMode && showVisualEditor && blockEditorMode !== 'zoom-out';
-  const shouldShowInserter = isEditMode && showVisualEditor && isInserterOpen;
-  const shouldShowListView = isEditMode && showVisualEditor && isListViewOpen;
-  const secondarySidebarLabel = isListViewOpen ? (0, _i18n.__)('List View') : (0, _i18n.__)('Block Library');
   const postWithTemplate = !!context?.postId;
   let title;
   if (hasLoadedPost) {
@@ -159,85 +130,81 @@ function Editor({
   // action in <URLQueryController> from double-announcing.
   (0, _useTitle.default)(hasLoadedPost && title);
   const loadingProgressId = (0, _compose.useInstanceId)(_canvasLoader.default, 'edit-site-editor__loading-progress');
-  const {
-    closeGeneralSidebar
-  } = (0, _data.useDispatch)(_store.store);
   const settings = (0, _useSiteEditorSettings.useSpecificEditorSettings)();
+  const styles = (0, _element.useMemo)(() => [...settings.styles, {
+    // Forming a "block formatting context" to prevent margin collapsing.
+    // @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
 
-  // 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);
+    css: `body{${canvasMode === 'view' ? `min-height: 100vh; ${currentPostIsTrashed ? '' : 'cursor: pointer;'}` : ''}}}`
+  }], [settings.styles, canvasMode, currentPostIsTrashed]);
+  const {
+    createSuccessNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  const history = useHistory();
+  const onActionPerformed = (0, _element.useCallback)((actionId, items) => {
+    switch (actionId) {
+      case 'move-to-trash':
+      case 'delete-post':
+        {
+          history.push({
+            postType: items[0].type
+          });
+        }
+        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({
+                  postId: newItem.id,
+                  postType: newItem.type,
+                  canvas: 'edit'
+                });
+              }
+            }]
+          });
+        }
+        break;
     }
-    setEntitiesSavedStatesCallback(false);
-  }, [entitiesSavedStatesCallback]);
+  }, [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
-  }) : null, isEditMode && (0, _react.createElement)(_welcomeGuide.default, null), hasLoadedPost && !editedPost && (0, _react.createElement)(_components.Notice, {
-    status: "warning",
-    isDismissible: false
-  }, (0, _i18n.__)("You attempted to edit an item that doesn't exist. Perhaps it was deleted?")), isReady && (0, _react.createElement)(EditorProvider, {
-    post: postWithTemplate ? contextPost : editedPost,
-    __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, {
-    isDistractionFree: isDistractionFree,
-    enableRegionNavigation: false,
-    className: (0, _classnames.default)('edit-site-editor__interface-skeleton', {
-      'show-icon-labels': showIconLabels,
-      'is-entity-save-view-open': !!entitiesSavedStatesCallback
-    }),
-    header: (0, _react.createElement)(_components.__unstableAnimatePresence, {
-      initial: false
-    }, canvasMode === 'edit' && (0, _react.createElement)(_components.__unstableMotion.div, {
-      initial: {
-        marginTop: -60
-      },
-      animate: {
-        marginTop: 0
-      },
-      exit: {
-        marginTop: -60
-      },
-      transition: {
-        type: 'tween',
-        duration:
-        // Disable transition in mobile to emulate a full page transition.
-        disableMotion || !isLargeViewport ? 0 : ANIMATION_DURATION,
-        ease: [0.6, 0, 0.4, 1]
-      }
-    }, (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, {
-      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)(_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
-    }) || shouldShowListView && (0, _react.createElement)(ListViewSidebar, null)),
-    sidebar: isEditMode && !isDistractionFree && (0, _react.createElement)(ComplementaryArea.Slot, {
-      scope: "core"
-    }),
-    footer: shouldShowBlockBreadcrumbs && (0, _react.createElement)(_blockEditor.BlockBreadcrumb, {
-      rootLabelText: postTypeLabel
-    }),
-    labels: {
-      ...interfaceLabels,
-      secondarySidebar: secondarySidebarLabel
-    }
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_globalStylesRenderer.GlobalStylesRenderer, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.EditorKeyboardShortcutsRegister, {}), isEditMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockKeyboardShortcuts, {}), showVisualEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_templatePartConverter.default, {}), !isReady ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_canvasLoader.default, {
+      id: loadingProgressId
+    }) : null, isEditMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_welcomeGuide.default, {}), hasLoadedPost && !editedPost && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Notice, {
+      status: "warning",
+      isDismissible: false,
+      children: (0, _i18n.__)("You attempted to edit an item that doesn't exist. Perhaps it was deleted?")
+    }), isReady && /*#__PURE__*/(0, _jsxRuntime.jsxs)(EditorProvider, {
+      post: postWithTemplate ? contextPost : editedPost,
+      __unstableTemplate: postWithTemplate ? editedPost : undefined,
+      settings: settings,
+      useSubRegistry: false,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_moreMenu.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(EditorInterface, {
+        className: (0, _clsx.default)('edit-site-editor__interface-skeleton', {
+          'show-icon-labels': showIconLabels
+        }),
+        styles: styles,
+        enableRegionNavigation: false,
+        customSaveButton: _isPreviewingTheme && /*#__PURE__*/(0, _jsxRuntime.jsx)(_saveButton.default, {
+          size: "compact"
+        }),
+        forceDisableBlockTools: !hasDefaultEditorCanvasView,
+        title: !hasDefaultEditorCanvasView ? (0, _editorCanvasContainer.getEditorCanvasContainerTitle)(editorCanvasView) : undefined,
+        iframeProps: iframeProps
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Sidebar, {
+        onActionPerformed: onActionPerformed,
+        extraPanels: !isEditingPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_pluginTemplateSettingPanel.default.Slot, {})
+      }), supportsGlobalStyles && /*#__PURE__*/(0, _jsxRuntime.jsx)(_globalStylesSidebar.default, {})]
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map