@wordpress/editor 14.32.0 → 14.32.1-next.ff1cebbba.0

package/build/components/post-preview-button/index.js

@@ -1,44 +1,58 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var post_preview_button_exports = {};
+__export(post_preview_button_exports, {
+  default: () => PostPreviewButton
 });
-exports.default = PostPreviewButton;
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _data = require("@wordpress/data");
-var _hooks = require("@wordpress/hooks");
-var _coreData = require("@wordpress/core-data");
-var _store = require("../../store");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(post_preview_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_element = require("@wordpress/element");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_data = require("@wordpress/data");
+var import_hooks = require("@wordpress/hooks");
+var import_core_data = require("@wordpress/core-data");
+var import_store = require("../../store");
 function writeInterstitialMessage(targetDocument) {
-  let markup = (0, _element.renderToString)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "editor-post-preview-button__interstitial-message",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.SVG, {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 96 96",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Path, {
-        className: "outer",
-        d: "M48 12c19.9 0 36 16.1 36 36S67.9 84 48 84 12 67.9 12 48s16.1-36 36-36",
-        fill: "none"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Path, {
-        className: "inner",
-        d: "M69.5 46.4c0-3.9-1.4-6.7-2.6-8.8-1.6-2.6-3.1-4.9-3.1-7.5 0-2.9 2.2-5.7 5.4-5.7h.4C63.9 19.2 56.4 16 48 16c-11.2 0-21 5.7-26.7 14.4h2.1c3.3 0 8.5-.4 8.5-.4 1.7-.1 1.9 2.4.2 2.6 0 0-1.7.2-3.7.3L40 67.5l7-20.9L42 33c-1.7-.1-3.3-.3-3.3-.3-1.7-.1-1.5-2.7.2-2.6 0 0 5.3.4 8.4.4 3.3 0 8.5-.4 8.5-.4 1.7-.1 1.9 2.4.2 2.6 0 0-1.7.2-3.7.3l11.5 34.3 3.3-10.4c1.6-4.5 2.4-7.8 2.4-10.5zM16.1 48c0 12.6 7.3 23.5 18 28.7L18.8 35c-1.7 4-2.7 8.4-2.7 13zm32.5 2.8L39 78.6c2.9.8 5.9 1.3 9 1.3 3.7 0 7.3-.6 10.6-1.8-.1-.1-.2-.3-.2-.4l-9.8-26.9zM76.2 36c0 3.2-.6 6.9-2.4 11.4L64 75.6c9.5-5.5 15.9-15.8 15.9-27.6 0-5.5-1.4-10.8-3.9-15.3.1 1 .2 2.1.2 3.3z",
-        fill: "none"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: (0, _i18n.__)('Generating preview…')
-    })]
-  }));
+  let markup = (0, import_element.renderToString)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "editor-post-preview-button__interstitial-message", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 96 96", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Path,
+          {
+            className: "outer",
+            d: "M48 12c19.9 0 36 16.1 36 36S67.9 84 48 84 12 67.9 12 48s16.1-36 36-36",
+            fill: "none"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Path,
+          {
+            className: "inner",
+            d: "M69.5 46.4c0-3.9-1.4-6.7-2.6-8.8-1.6-2.6-3.1-4.9-3.1-7.5 0-2.9 2.2-5.7 5.4-5.7h.4C63.9 19.2 56.4 16 48 16c-11.2 0-21 5.7-26.7 14.4h2.1c3.3 0 8.5-.4 8.5-.4 1.7-.1 1.9 2.4.2 2.6 0 0-1.7.2-3.7.3L40 67.5l7-20.9L42 33c-1.7-.1-3.3-.3-3.3-.3-1.7-.1-1.5-2.7.2-2.6 0 0 5.3.4 8.4.4 3.3 0 8.5-.4 8.5-.4 1.7-.1 1.9 2.4.2 2.6 0 0-1.7.2-3.7.3l11.5 34.3 3.3-10.4c1.6-4.5 2.4-7.8 2.4-10.5zM16.1 48c0 12.6 7.3 23.5 18 28.7L18.8 35c-1.7 4-2.7 8.4-2.7 13zm32.5 2.8L39 78.6c2.9.8 5.9 1.3 9 1.3 3.7 0 7.3-.6 10.6-1.8-.1-.1-.2-.3-.2-.4l-9.8-26.9zM76.2 36c0 3.2-.6 6.9-2.4 11.4L64 75.6c9.5-5.5 15.9-15.8 15.9-27.6 0-5.5-1.4-10.8-3.9-15.3.1 1 .2 2.1.2 3.3z",
+            fill: "none"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: (0, import_i18n.__)("Generating preview\u2026") })
+    ] })
+  );
   markup += `
 		<style>
 			body {
@@ -93,33 +107,11 @@ function writeInterstitialMessage(targetDocument) {
 			}
 		</style>
 	`;
-
-  /**
-   * Filters the interstitial message shown when generating previews.
-   *
-   * @param {string} markup The preview interstitial markup.
-   */
-  markup = (0, _hooks.applyFilters)('editor.PostPreview.interstitialMarkup', markup);
+  markup = (0, import_hooks.applyFilters)("editor.PostPreview.interstitialMarkup", markup);
   targetDocument.write(markup);
-  targetDocument.title = (0, _i18n.__)('Generating preview…');
+  targetDocument.title = (0, import_i18n.__)("Generating preview\u2026");
   targetDocument.close();
 }
-
-/**
- * Renders a button that opens a new window or tab for the preview,
- * writes the interstitial message to this window, and then navigates
- * to the actual preview link. The button is not rendered if the post
- * is not viewable and disabled if the post is not saveable.
- *
- * @param {Object}   props                     The component props.
- * @param {string}   props.className           The class name for the button.
- * @param {string}   props.textContent         The text content for the button.
- * @param {boolean}  props.forceIsAutosaveable Whether to force autosave.
- * @param {string}   props.role                The role attribute for the button.
- * @param {Function} props.onPreview           The callback function for preview event.
- *
- * @return {React.ReactNode} The rendered button component.
- */
 function PostPreviewButton({
   className,
   textContent,
@@ -127,82 +119,60 @@ function PostPreviewButton({
   role,
   onPreview
 }) {
-  const {
-    postId,
-    currentPostLink,
-    previewLink,
-    isSaveable,
-    isViewable
-  } = (0, _data.useSelect)(select => {
-    var _postType$viewable;
-    const editor = select(_store.store);
-    const core = select(_coreData.store);
-    const postType = core.getPostType(editor.getCurrentPostType('type'));
-    const canView = (_postType$viewable = postType?.viewable) !== null && _postType$viewable !== void 0 ? _postType$viewable : false;
+  const { postId, currentPostLink, previewLink, isSaveable, isViewable } = (0, import_data.useSelect)((select) => {
+    const editor = select(import_store.store);
+    const core = select(import_core_data.store);
+    const postType = core.getPostType(
+      editor.getCurrentPostType("type")
+    );
+    const canView = postType?.viewable ?? false;
     if (!canView) {
-      return {
-        isViewable: canView
-      };
+      return { isViewable: canView };
     }
     return {
       postId: editor.getCurrentPostId(),
-      currentPostLink: editor.getCurrentPostAttribute('link'),
+      currentPostLink: editor.getCurrentPostAttribute("link"),
       previewLink: editor.getEditedPostPreviewLink(),
       isSaveable: editor.isEditedPostSaveable(),
       isViewable: canView
     };
   }, []);
-  const {
-    __unstableSaveForPreview
-  } = (0, _data.useDispatch)(_store.store);
+  const { __unstableSaveForPreview } = (0, import_data.useDispatch)(import_store.store);
   if (!isViewable) {
     return null;
   }
   const targetId = `wp-preview-${postId}`;
-  const openPreviewWindow = async event => {
-    // Our Preview button has its 'href' and 'target' set correctly for a11y
-    // purposes. Unfortunately, though, we can't rely on the default 'click'
-    // handler since sometimes it incorrectly opens a new tab instead of reusing
-    // the existing one.
-    // https://github.com/WordPress/gutenberg/pull/8330
+  const openPreviewWindow = async (event) => {
     event.preventDefault();
-
-    // Open up a Preview tab if needed. This is where we'll show the preview.
-    const previewWindow = window.open('', targetId);
-
-    // Focus the Preview tab. This might not do anything, depending on the browser's
-    // and user's preferences.
-    // https://html.spec.whatwg.org/multipage/interaction.html#dom-window-focus
+    const previewWindow = window.open("", targetId);
     previewWindow.focus();
     writeInterstitialMessage(previewWindow.document);
-    const link = await __unstableSaveForPreview({
-      forceIsAutosaveable
-    });
+    const link = await __unstableSaveForPreview({ forceIsAutosaveable });
     previewWindow.location = link;
     onPreview?.();
   };
-
-  // Link to the `?preview=true` URL if we have it, since this lets us see
-  // changes that were autosaved since the post was last published. Otherwise,
-  // just link to the post's URL.
   const href = previewLink || currentPostLink;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-    variant: !className ? 'tertiary' : undefined,
-    className: className || 'editor-post-preview',
-    href: href,
-    target: targetId,
-    accessibleWhenDisabled: true,
-    disabled: !isSaveable,
-    onClick: openPreviewWindow,
-    role: role,
-    size: "compact",
-    children: textContent || /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [(0, _i18n._x)('Preview', 'imperative verb'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
-        as: "span",
-        children: /* translators: accessibility text */
-        (0, _i18n.__)('(opens in a new tab)')
-      })]
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Button,
+    {
+      variant: !className ? "tertiary" : void 0,
+      className: className || "editor-post-preview",
+      href,
+      target: targetId,
+      accessibleWhenDisabled: true,
+      disabled: !isSaveable,
+      onClick: openPreviewWindow,
+      role,
+      size: "compact",
+      children: textContent || /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        (0, import_i18n._x)("Preview", "imperative verb"),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.VisuallyHidden, {
+          as: "span",
+          /* translators: accessibility text */
+          children: (0, import_i18n.__)("(opens in a new tab)")
+        })
+      ] })
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/components/post-preview-button/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_components","_i18n","_data","_hooks","_coreData","_store","_jsxRuntime","writeInterstitialMessage","targetDocument","markup","renderToString","jsxs","className","children","SVG","xmlns","viewBox","jsx","Path","d","fill","__","applyFilters","write","title","close","PostPreviewButton","textContent","forceIsAutosaveable","role","onPreview","postId","currentPostLink","previewLink","isSaveable","isViewable","useSelect","select","_postType$viewable","editor","editorStore","core","coreStore","postType","getPostType","getCurrentPostType","canView","viewable","getCurrentPostId","getCurrentPostAttribute","getEditedPostPreviewLink","isEditedPostSaveable","__unstableSaveForPreview","useDispatch","targetId","openPreviewWindow","event","preventDefault","previewWindow","window","open","focus","document","link","location","href","Button","variant","undefined","target","accessibleWhenDisabled","disabled","onClick","size","Fragment","_x","VisuallyHidden","as"],"sources":["@wordpress/editor/src/components/post-preview-button/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { renderToString } from '@wordpress/element';\nimport { Button, Path, SVG, VisuallyHidden } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { applyFilters } from '@wordpress/hooks';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nfunction writeInterstitialMessage( targetDocument ) {\n\tlet markup = renderToString(\n\t\t<div className=\"editor-post-preview-button__interstitial-message\">\n\t\t\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 96 96\">\n\t\t\t\t<Path\n\t\t\t\t\tclassName=\"outer\"\n\t\t\t\t\td=\"M48 12c19.9 0 36 16.1 36 36S67.9 84 48 84 12 67.9 12 48s16.1-36 36-36\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t/>\n\t\t\t\t<Path\n\t\t\t\t\tclassName=\"inner\"\n\t\t\t\t\td=\"M69.5 46.4c0-3.9-1.4-6.7-2.6-8.8-1.6-2.6-3.1-4.9-3.1-7.5 0-2.9 2.2-5.7 5.4-5.7h.4C63.9 19.2 56.4 16 48 16c-11.2 0-21 5.7-26.7 14.4h2.1c3.3 0 8.5-.4 8.5-.4 1.7-.1 1.9 2.4.2 2.6 0 0-1.7.2-3.7.3L40 67.5l7-20.9L42 33c-1.7-.1-3.3-.3-3.3-.3-1.7-.1-1.5-2.7.2-2.6 0 0 5.3.4 8.4.4 3.3 0 8.5-.4 8.5-.4 1.7-.1 1.9 2.4.2 2.6 0 0-1.7.2-3.7.3l11.5 34.3 3.3-10.4c1.6-4.5 2.4-7.8 2.4-10.5zM16.1 48c0 12.6 7.3 23.5 18 28.7L18.8 35c-1.7 4-2.7 8.4-2.7 13zm32.5 2.8L39 78.6c2.9.8 5.9 1.3 9 1.3 3.7 0 7.3-.6 10.6-1.8-.1-.1-.2-.3-.2-.4l-9.8-26.9zM76.2 36c0 3.2-.6 6.9-2.4 11.4L64 75.6c9.5-5.5 15.9-15.8 15.9-27.6 0-5.5-1.4-10.8-3.9-15.3.1 1 .2 2.1.2 3.3z\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t/>\n\t\t\t</SVG>\n\t\t\t<p>{ __( 'Generating preview…' ) }</p>\n\t\t</div>\n\t);\n\n\tmarkup += `\n\t\t<style>\n\t\t\tbody {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t\t.editor-post-preview-button__interstitial-message {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\twidth: 100vw;\n\t\t\t}\n\t\t\t@-webkit-keyframes paint {\n\t\t\t\t0% {\n\t\t\t\t\tstroke-dashoffset: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t\t@-moz-keyframes paint {\n\t\t\t\t0% {\n\t\t\t\t\tstroke-dashoffset: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t\t@-o-keyframes paint {\n\t\t\t\t0% {\n\t\t\t\t\tstroke-dashoffset: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t\t@keyframes paint {\n\t\t\t\t0% {\n\t\t\t\t\tstroke-dashoffset: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.editor-post-preview-button__interstitial-message svg {\n\t\t\t\twidth: 192px;\n\t\t\t\theight: 192px;\n\t\t\t\tstroke: #555d66;\n\t\t\t\tstroke-width: 0.75;\n\t\t\t}\n\t\t\t.editor-post-preview-button__interstitial-message svg .outer,\n\t\t\t.editor-post-preview-button__interstitial-message svg .inner {\n\t\t\t\tstroke-dasharray: 280;\n\t\t\t\tstroke-dashoffset: 280;\n\t\t\t\t-webkit-animation: paint 1.5s ease infinite alternate;\n\t\t\t\t-moz-animation: paint 1.5s ease infinite alternate;\n\t\t\t\t-o-animation: paint 1.5s ease infinite alternate;\n\t\t\t\tanimation: paint 1.5s ease infinite alternate;\n\t\t\t}\n\t\t\tp {\n\t\t\t\ttext-align: center;\n\t\t\t\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n\t\t\t}\n\t\t</style>\n\t`;\n\n\t/**\n\t * Filters the interstitial message shown when generating previews.\n\t *\n\t * @param {string} markup The preview interstitial markup.\n\t */\n\tmarkup = applyFilters( 'editor.PostPreview.interstitialMarkup', markup );\n\n\ttargetDocument.write( markup );\n\ttargetDocument.title = __( 'Generating preview…' );\n\ttargetDocument.close();\n}\n\n/**\n * Renders a button that opens a new window or tab for the preview,\n * writes the interstitial message to this window, and then navigates\n * to the actual preview link. The button is not rendered if the post\n * is not viewable and disabled if the post is not saveable.\n *\n * @param {Object}   props                     The component props.\n * @param {string}   props.className           The class name for the button.\n * @param {string}   props.textContent         The text content for the button.\n * @param {boolean}  props.forceIsAutosaveable Whether to force autosave.\n * @param {string}   props.role                The role attribute for the button.\n * @param {Function} props.onPreview           The callback function for preview event.\n *\n * @return {React.ReactNode} The rendered button component.\n */\nexport default function PostPreviewButton( {\n\tclassName,\n\ttextContent,\n\tforceIsAutosaveable,\n\trole,\n\tonPreview,\n} ) {\n\tconst { postId, currentPostLink, previewLink, isSaveable, isViewable } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst editor = select( editorStore );\n\t\t\tconst core = select( coreStore );\n\n\t\t\tconst postType = core.getPostType(\n\t\t\t\teditor.getCurrentPostType( 'type' )\n\t\t\t);\n\t\t\tconst canView = postType?.viewable ?? false;\n\t\t\tif ( ! canView ) {\n\t\t\t\treturn { isViewable: canView };\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tpostId: editor.getCurrentPostId(),\n\t\t\t\tcurrentPostLink: editor.getCurrentPostAttribute( 'link' ),\n\t\t\t\tpreviewLink: editor.getEditedPostPreviewLink(),\n\t\t\t\tisSaveable: editor.isEditedPostSaveable(),\n\t\t\t\tisViewable: canView,\n\t\t\t};\n\t\t}, [] );\n\n\tconst { __unstableSaveForPreview } = useDispatch( editorStore );\n\n\tif ( ! isViewable ) {\n\t\treturn null;\n\t}\n\n\tconst targetId = `wp-preview-${ postId }`;\n\n\tconst openPreviewWindow = async ( event ) => {\n\t\t// Our Preview button has its 'href' and 'target' set correctly for a11y\n\t\t// purposes. Unfortunately, though, we can't rely on the default 'click'\n\t\t// handler since sometimes it incorrectly opens a new tab instead of reusing\n\t\t// the existing one.\n\t\t// https://github.com/WordPress/gutenberg/pull/8330\n\t\tevent.preventDefault();\n\n\t\t// Open up a Preview tab if needed. This is where we'll show the preview.\n\t\tconst previewWindow = window.open( '', targetId );\n\n\t\t// Focus the Preview tab. This might not do anything, depending on the browser's\n\t\t// and user's preferences.\n\t\t// https://html.spec.whatwg.org/multipage/interaction.html#dom-window-focus\n\t\tpreviewWindow.focus();\n\n\t\twriteInterstitialMessage( previewWindow.document );\n\n\t\tconst link = await __unstableSaveForPreview( { forceIsAutosaveable } );\n\n\t\tpreviewWindow.location = link;\n\n\t\tonPreview?.();\n\t};\n\n\t// Link to the `?preview=true` URL if we have it, since this lets us see\n\t// changes that were autosaved since the post was last published. Otherwise,\n\t// just link to the post's URL.\n\tconst href = previewLink || currentPostLink;\n\n\treturn (\n\t\t<Button\n\t\t\tvariant={ ! className ? 'tertiary' : undefined }\n\t\t\tclassName={ className || 'editor-post-preview' }\n\t\t\thref={ href }\n\t\t\ttarget={ targetId }\n\t\t\taccessibleWhenDisabled\n\t\t\tdisabled={ ! isSaveable }\n\t\t\tonClick={ openPreviewWindow }\n\t\t\trole={ role }\n\t\t\tsize=\"compact\"\n\t\t>\n\t\t\t{ textContent || (\n\t\t\t\t<>\n\t\t\t\t\t{ _x( 'Preview', 'imperative verb' ) }\n\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t}\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</Button>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-preview-button/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { renderToString } from '@wordpress/element';\nimport { Button, Path, SVG, VisuallyHidden } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { applyFilters } from '@wordpress/hooks';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nfunction writeInterstitialMessage( targetDocument ) {\n\tlet markup = renderToString(\n\t\t<div className=\"editor-post-preview-button__interstitial-message\">\n\t\t\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 96 96\">\n\t\t\t\t<Path\n\t\t\t\t\tclassName=\"outer\"\n\t\t\t\t\td=\"M48 12c19.9 0 36 16.1 36 36S67.9 84 48 84 12 67.9 12 48s16.1-36 36-36\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t/>\n\t\t\t\t<Path\n\t\t\t\t\tclassName=\"inner\"\n\t\t\t\t\td=\"M69.5 46.4c0-3.9-1.4-6.7-2.6-8.8-1.6-2.6-3.1-4.9-3.1-7.5 0-2.9 2.2-5.7 5.4-5.7h.4C63.9 19.2 56.4 16 48 16c-11.2 0-21 5.7-26.7 14.4h2.1c3.3 0 8.5-.4 8.5-.4 1.7-.1 1.9 2.4.2 2.6 0 0-1.7.2-3.7.3L40 67.5l7-20.9L42 33c-1.7-.1-3.3-.3-3.3-.3-1.7-.1-1.5-2.7.2-2.6 0 0 5.3.4 8.4.4 3.3 0 8.5-.4 8.5-.4 1.7-.1 1.9 2.4.2 2.6 0 0-1.7.2-3.7.3l11.5 34.3 3.3-10.4c1.6-4.5 2.4-7.8 2.4-10.5zM16.1 48c0 12.6 7.3 23.5 18 28.7L18.8 35c-1.7 4-2.7 8.4-2.7 13zm32.5 2.8L39 78.6c2.9.8 5.9 1.3 9 1.3 3.7 0 7.3-.6 10.6-1.8-.1-.1-.2-.3-.2-.4l-9.8-26.9zM76.2 36c0 3.2-.6 6.9-2.4 11.4L64 75.6c9.5-5.5 15.9-15.8 15.9-27.6 0-5.5-1.4-10.8-3.9-15.3.1 1 .2 2.1.2 3.3z\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t/>\n\t\t\t</SVG>\n\t\t\t<p>{ __( 'Generating preview\u2026' ) }</p>\n\t\t</div>\n\t);\n\n\tmarkup += `\n\t\t<style>\n\t\t\tbody {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t\t.editor-post-preview-button__interstitial-message {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\twidth: 100vw;\n\t\t\t}\n\t\t\t@-webkit-keyframes paint {\n\t\t\t\t0% {\n\t\t\t\t\tstroke-dashoffset: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t\t@-moz-keyframes paint {\n\t\t\t\t0% {\n\t\t\t\t\tstroke-dashoffset: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t\t@-o-keyframes paint {\n\t\t\t\t0% {\n\t\t\t\t\tstroke-dashoffset: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t\t@keyframes paint {\n\t\t\t\t0% {\n\t\t\t\t\tstroke-dashoffset: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.editor-post-preview-button__interstitial-message svg {\n\t\t\t\twidth: 192px;\n\t\t\t\theight: 192px;\n\t\t\t\tstroke: #555d66;\n\t\t\t\tstroke-width: 0.75;\n\t\t\t}\n\t\t\t.editor-post-preview-button__interstitial-message svg .outer,\n\t\t\t.editor-post-preview-button__interstitial-message svg .inner {\n\t\t\t\tstroke-dasharray: 280;\n\t\t\t\tstroke-dashoffset: 280;\n\t\t\t\t-webkit-animation: paint 1.5s ease infinite alternate;\n\t\t\t\t-moz-animation: paint 1.5s ease infinite alternate;\n\t\t\t\t-o-animation: paint 1.5s ease infinite alternate;\n\t\t\t\tanimation: paint 1.5s ease infinite alternate;\n\t\t\t}\n\t\t\tp {\n\t\t\t\ttext-align: center;\n\t\t\t\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n\t\t\t}\n\t\t</style>\n\t`;\n\n\t/**\n\t * Filters the interstitial message shown when generating previews.\n\t *\n\t * @param {string} markup The preview interstitial markup.\n\t */\n\tmarkup = applyFilters( 'editor.PostPreview.interstitialMarkup', markup );\n\n\ttargetDocument.write( markup );\n\ttargetDocument.title = __( 'Generating preview\u2026' );\n\ttargetDocument.close();\n}\n\n/**\n * Renders a button that opens a new window or tab for the preview,\n * writes the interstitial message to this window, and then navigates\n * to the actual preview link. The button is not rendered if the post\n * is not viewable and disabled if the post is not saveable.\n *\n * @param {Object}   props                     The component props.\n * @param {string}   props.className           The class name for the button.\n * @param {string}   props.textContent         The text content for the button.\n * @param {boolean}  props.forceIsAutosaveable Whether to force autosave.\n * @param {string}   props.role                The role attribute for the button.\n * @param {Function} props.onPreview           The callback function for preview event.\n *\n * @return {React.ReactNode} The rendered button component.\n */\nexport default function PostPreviewButton( {\n\tclassName,\n\ttextContent,\n\tforceIsAutosaveable,\n\trole,\n\tonPreview,\n} ) {\n\tconst { postId, currentPostLink, previewLink, isSaveable, isViewable } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst editor = select( editorStore );\n\t\t\tconst core = select( coreStore );\n\n\t\t\tconst postType = core.getPostType(\n\t\t\t\teditor.getCurrentPostType( 'type' )\n\t\t\t);\n\t\t\tconst canView = postType?.viewable ?? false;\n\t\t\tif ( ! canView ) {\n\t\t\t\treturn { isViewable: canView };\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tpostId: editor.getCurrentPostId(),\n\t\t\t\tcurrentPostLink: editor.getCurrentPostAttribute( 'link' ),\n\t\t\t\tpreviewLink: editor.getEditedPostPreviewLink(),\n\t\t\t\tisSaveable: editor.isEditedPostSaveable(),\n\t\t\t\tisViewable: canView,\n\t\t\t};\n\t\t}, [] );\n\n\tconst { __unstableSaveForPreview } = useDispatch( editorStore );\n\n\tif ( ! isViewable ) {\n\t\treturn null;\n\t}\n\n\tconst targetId = `wp-preview-${ postId }`;\n\n\tconst openPreviewWindow = async ( event ) => {\n\t\t// Our Preview button has its 'href' and 'target' set correctly for a11y\n\t\t// purposes. Unfortunately, though, we can't rely on the default 'click'\n\t\t// handler since sometimes it incorrectly opens a new tab instead of reusing\n\t\t// the existing one.\n\t\t// https://github.com/WordPress/gutenberg/pull/8330\n\t\tevent.preventDefault();\n\n\t\t// Open up a Preview tab if needed. This is where we'll show the preview.\n\t\tconst previewWindow = window.open( '', targetId );\n\n\t\t// Focus the Preview tab. This might not do anything, depending on the browser's\n\t\t// and user's preferences.\n\t\t// https://html.spec.whatwg.org/multipage/interaction.html#dom-window-focus\n\t\tpreviewWindow.focus();\n\n\t\twriteInterstitialMessage( previewWindow.document );\n\n\t\tconst link = await __unstableSaveForPreview( { forceIsAutosaveable } );\n\n\t\tpreviewWindow.location = link;\n\n\t\tonPreview?.();\n\t};\n\n\t// Link to the `?preview=true` URL if we have it, since this lets us see\n\t// changes that were autosaved since the post was last published. Otherwise,\n\t// just link to the post's URL.\n\tconst href = previewLink || currentPostLink;\n\n\treturn (\n\t\t<Button\n\t\t\tvariant={ ! className ? 'tertiary' : undefined }\n\t\t\tclassName={ className || 'editor-post-preview' }\n\t\t\thref={ href }\n\t\t\ttarget={ targetId }\n\t\t\taccessibleWhenDisabled\n\t\t\tdisabled={ ! isSaveable }\n\t\t\tonClick={ openPreviewWindow }\n\t\t\trole={ role }\n\t\t\tsize=\"compact\"\n\t\t>\n\t\t\t{ textContent || (\n\t\t\t\t<>\n\t\t\t\t\t{ _x( 'Preview', 'imperative verb' ) }\n\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t}\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</Button>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["editorStore", "coreStore"]
+}

package/build/components/post-publish-button/index.js

@@ -1,27 +1,47 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var post_publish_button_exports = {};
+__export(post_publish_button_exports, {
+  PostPublishButton: () => PostPublishButton,
+  default: () => post_publish_button_default
 });
-exports.default = exports.PostPublishButton = void 0;
-var _components = require("@wordpress/components");
-var _element = require("@wordpress/element");
-var _data = require("@wordpress/data");
-var _compose = require("@wordpress/compose");
-var _label = _interopRequireDefault(require("./label"));
-var _store = require("../../store");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const noop = () => {};
-class PostPublishButton extends _element.Component {
+module.exports = __toCommonJS(post_publish_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_element = require("@wordpress/element");
+var import_data = require("@wordpress/data");
+var import_compose = require("@wordpress/compose");
+var import_label = __toESM(require("./label"));
+var import_store = require("../../store");
+const noop = () => {
+};
+class PostPublishButton extends import_element.Component {
   constructor(props) {
     super(props);
     this.createOnClick = this.createOnClick.bind(this);
@@ -32,46 +52,26 @@ class PostPublishButton extends _element.Component {
   }
   createOnClick(callback) {
     return (...args) => {
-      const {
-        hasNonPostEntityChanges,
-        setEntitiesSavedStatesCallback
-      } = this.props;
-      // If a post with non-post entities is published, but the user
-      // elects to not save changes to the non-post entities, those
-      // entities will still be dirty when the Publish button is clicked.
-      // We also need to check that the `setEntitiesSavedStatesCallback`
-      // prop was passed. See https://github.com/WordPress/gutenberg/pull/37383
+      const { hasNonPostEntityChanges, setEntitiesSavedStatesCallback } = this.props;
       if (hasNonPostEntityChanges && setEntitiesSavedStatesCallback) {
-        // The modal for multiple entity saving will open,
-        // hold the callback for saving/publishing the post
-        // so that we can call it if the post entity is checked.
         this.setState({
           entitiesSavedStatesCallback: () => callback(...args)
         });
-
-        // Open the save panel by setting its callback.
-        // To set a function on the useState hook, we must set it
-        // with another function (() => myFunction). Passing the
-        // function on its own will cause an error when called.
-        setEntitiesSavedStatesCallback(() => this.closeEntitiesSavedStates);
+        setEntitiesSavedStatesCallback(
+          () => this.closeEntitiesSavedStates
+        );
         return noop;
       }
       return callback(...args);
     };
   }
   closeEntitiesSavedStates(savedEntities) {
-    const {
-      postType,
-      postId
-    } = this.props;
-    const {
-      entitiesSavedStatesCallback
-    } = this.state;
-    this.setState({
-      entitiesSavedStatesCallback: false
-    }, () => {
-      if (savedEntities && savedEntities.some(elt => elt.kind === 'postType' && elt.name === postType && elt.key === postId)) {
-        // The post entity was checked, call the held callback from `createOnClick`.
+    const { postType, postId } = this.props;
+    const { entitiesSavedStatesCallback } = this.state;
+    this.setState({ entitiesSavedStatesCallback: false }, () => {
+      if (savedEntities && savedEntities.some(
+        (elt) => elt.kind === "postType" && elt.name === postType && elt.key === postId
+      )) {
         entitiesSavedStatesCallback();
       }
     });
@@ -100,20 +100,15 @@ class PostPublishButton extends _element.Component {
     } = this.props;
     const isButtonDisabled = (isSaving || !isSaveable || isPostSavingLocked || !isPublishable && !forceIsDirty) && (!hasNonPostEntityChanges || isSavingNonPostEntityChanges);
     const isToggleDisabled = (isPublished || isSaving || !isSaveable || !isPublishable && !forceIsDirty) && (!hasNonPostEntityChanges || isSavingNonPostEntityChanges);
-
-    // If the new status has not changed explicitly, we derive it from
-    // other factors, like having a publish action, etc.. We need to preserve
-    // this because it affects when to show the pre and post publish panels.
-    // If it has changed though explicitly, we need to respect that.
-    let publishStatus = 'publish';
+    let publishStatus = "publish";
     if (postStatusHasChanged) {
       publishStatus = postStatus;
     } else if (!hasPublishAction) {
-      publishStatus = 'pending';
-    } else if (visibility === 'private') {
-      publishStatus = 'private';
+      publishStatus = "pending";
+    } else if (visibility === "private") {
+      publishStatus = "private";
     } else if (isBeingScheduled) {
-      publishStatus = 'future';
+      publishStatus = "future";
     }
     const onClickButton = () => {
       if (isButtonDisabled) {
@@ -122,8 +117,6 @@ class PostPublishButton extends _element.Component {
       onSubmit();
       savePostStatus(publishStatus);
     };
-
-    // Callback to open the publish panel.
     const onClickToggle = () => {
       if (isToggleDisabled) {
         return;
@@ -131,89 +124,84 @@ class PostPublishButton extends _element.Component {
       onToggle();
     };
     const buttonProps = {
-      'aria-disabled': isButtonDisabled,
-      className: 'editor-post-publish-button',
+      "aria-disabled": isButtonDisabled,
+      className: "editor-post-publish-button",
       isBusy: !isAutoSaving && isSaving,
-      variant: 'primary',
+      variant: "primary",
       onClick: this.createOnClick(onClickButton),
-      'aria-haspopup': hasNonPostEntityChanges ? 'dialog' : undefined
+      "aria-haspopup": hasNonPostEntityChanges ? "dialog" : void 0
     };
     const toggleProps = {
-      'aria-disabled': isToggleDisabled,
-      'aria-expanded': isOpen,
-      className: 'editor-post-publish-panel__toggle',
+      "aria-disabled": isToggleDisabled,
+      "aria-expanded": isOpen,
+      className: "editor-post-publish-panel__toggle",
       isBusy: isSaving && isPublished,
-      variant: 'primary',
-      size: 'compact',
+      variant: "primary",
+      size: "compact",
       onClick: this.createOnClick(onClickToggle),
-      'aria-haspopup': hasNonPostEntityChanges ? 'dialog' : undefined
+      "aria-haspopup": hasNonPostEntityChanges ? "dialog" : void 0
     };
     const componentProps = isToggle ? toggleProps : buttonProps;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Button,
+      {
         ...componentProps,
         className: `${componentProps.className} editor-post-publish-button__button`,
         size: "compact",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_label.default, {})
-      })
-    });
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.default, {})
+      }
+    ) });
   }
 }
-
-/**
- * Renders the publish button.
- */
-exports.PostPublishButton = PostPublishButton;
-var _default = exports.default = (0, _compose.compose)([(0, _data.withSelect)(select => {
-  var _getCurrentPost$_link;
-  const {
-    isSavingPost,
-    isAutosavingPost,
-    isEditedPostBeingScheduled,
-    getEditedPostVisibility,
-    isCurrentPostPublished,
-    isEditedPostSaveable,
-    isEditedPostPublishable,
-    isPostSavingLocked,
-    getCurrentPost,
-    getCurrentPostType,
-    getCurrentPostId,
-    hasNonPostEntityChanges,
-    isSavingNonPostEntityChanges,
-    getEditedPostAttribute,
-    getPostEdits
-  } = select(_store.store);
-  return {
-    isSaving: isSavingPost(),
-    isAutoSaving: isAutosavingPost(),
-    isBeingScheduled: isEditedPostBeingScheduled(),
-    visibility: getEditedPostVisibility(),
-    isSaveable: isEditedPostSaveable(),
-    isPostSavingLocked: isPostSavingLocked(),
-    isPublishable: isEditedPostPublishable(),
-    isPublished: isCurrentPostPublished(),
-    hasPublishAction: (_getCurrentPost$_link = getCurrentPost()._links?.['wp:action-publish']) !== null && _getCurrentPost$_link !== void 0 ? _getCurrentPost$_link : false,
-    postType: getCurrentPostType(),
-    postId: getCurrentPostId(),
-    postStatus: getEditedPostAttribute('status'),
-    postStatusHasChanged: getPostEdits()?.status,
-    hasNonPostEntityChanges: hasNonPostEntityChanges(),
-    isSavingNonPostEntityChanges: isSavingNonPostEntityChanges()
-  };
-}), (0, _data.withDispatch)(dispatch => {
-  const {
-    editPost,
-    savePost
-  } = dispatch(_store.store);
-  return {
-    savePostStatus: status => {
-      editPost({
-        status
-      }, {
-        undoIgnore: true
-      });
-      savePost();
-    }
-  };
-})])(PostPublishButton);
-//# sourceMappingURL=index.js.map
+var post_publish_button_default = (0, import_compose.compose)([
+  (0, import_data.withSelect)((select) => {
+    const {
+      isSavingPost,
+      isAutosavingPost,
+      isEditedPostBeingScheduled,
+      getEditedPostVisibility,
+      isCurrentPostPublished,
+      isEditedPostSaveable,
+      isEditedPostPublishable,
+      isPostSavingLocked,
+      getCurrentPost,
+      getCurrentPostType,
+      getCurrentPostId,
+      hasNonPostEntityChanges,
+      isSavingNonPostEntityChanges,
+      getEditedPostAttribute,
+      getPostEdits
+    } = select(import_store.store);
+    return {
+      isSaving: isSavingPost(),
+      isAutoSaving: isAutosavingPost(),
+      isBeingScheduled: isEditedPostBeingScheduled(),
+      visibility: getEditedPostVisibility(),
+      isSaveable: isEditedPostSaveable(),
+      isPostSavingLocked: isPostSavingLocked(),
+      isPublishable: isEditedPostPublishable(),
+      isPublished: isCurrentPostPublished(),
+      hasPublishAction: getCurrentPost()._links?.["wp:action-publish"] ?? false,
+      postType: getCurrentPostType(),
+      postId: getCurrentPostId(),
+      postStatus: getEditedPostAttribute("status"),
+      postStatusHasChanged: getPostEdits()?.status,
+      hasNonPostEntityChanges: hasNonPostEntityChanges(),
+      isSavingNonPostEntityChanges: isSavingNonPostEntityChanges()
+    };
+  }),
+  (0, import_data.withDispatch)((dispatch) => {
+    const { editPost, savePost } = dispatch(import_store.store);
+    return {
+      savePostStatus: (status) => {
+        editPost({ status }, { undoIgnore: true });
+        savePost();
+      }
+    };
+  })
+])(PostPublishButton);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PostPublishButton
+});
+//# sourceMappingURL=index.js.map