@wordpress/editor 14.37.0 → 14.37.1-next.ba3aee3a2.0

package/build/components/post-panel-section/index.cjs

@@ -0,0 +1,43 @@
+"use strict";
+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);
+
+// packages/editor/src/components/post-panel-section/index.js
+var post_panel_section_exports = {};
+__export(post_panel_section_exports, {
+  default: () => post_panel_section_default
+});
+module.exports = __toCommonJS(post_panel_section_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_components = require("@wordpress/components");
+var import_jsx_runtime = require("react/jsx-runtime");
+function PostPanelSection({ className, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalVStack, { className: (0, import_clsx.default)("editor-post-panel__section", className), children });
+}
+var post_panel_section_default = PostPanelSection;
+//# sourceMappingURL=index.cjs.map

package/build/components/post-pending-status/check.cjs

@@ -0,0 +1,47 @@
+"use strict";
+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);
+
+// packages/editor/src/components/post-pending-status/check.js
+var check_exports = {};
+__export(check_exports, {
+  PostPendingStatusCheck: () => PostPendingStatusCheck,
+  default: () => check_default
+});
+module.exports = __toCommonJS(check_exports);
+var import_data = require("@wordpress/data");
+var import_store = require("../../store/index.cjs");
+function PostPendingStatusCheck({ children }) {
+  const { hasPublishAction, isPublished } = (0, import_data.useSelect)((select) => {
+    const { isCurrentPostPublished, getCurrentPost } = select(import_store.store);
+    return {
+      hasPublishAction: getCurrentPost()._links?.["wp:action-publish"] ?? false,
+      isPublished: isCurrentPostPublished()
+    };
+  }, []);
+  if (isPublished || !hasPublishAction) {
+    return null;
+  }
+  return children;
+}
+var check_default = PostPendingStatusCheck;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PostPendingStatusCheck
+});
+//# sourceMappingURL=check.cjs.map

package/build/components/post-pending-status/index.cjs

@@ -0,0 +1,67 @@
+"use strict";
+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);
+
+// packages/editor/src/components/post-pending-status/index.js
+var post_pending_status_exports = {};
+__export(post_pending_status_exports, {
+  PostPendingStatus: () => PostPendingStatus,
+  default: () => post_pending_status_default
+});
+module.exports = __toCommonJS(post_pending_status_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_data = require("@wordpress/data");
+var import_check = __toESM(require("./check.cjs"));
+var import_store = require("../../store/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function PostPendingStatus() {
+  const status = (0, import_data.useSelect)(
+    (select) => select(import_store.store).getEditedPostAttribute("status"),
+    []
+  );
+  const { editPost } = (0, import_data.useDispatch)(import_store.store);
+  const togglePendingStatus = () => {
+    const updatedStatus = status === "pending" ? "draft" : "pending";
+    editPost({ status: updatedStatus });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_check.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.CheckboxControl,
+    {
+      label: (0, import_i18n.__)("Pending review"),
+      checked: status === "pending",
+      onChange: togglePendingStatus
+    }
+  ) });
+}
+var post_pending_status_default = PostPendingStatus;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PostPendingStatus
+});
+//# sourceMappingURL=index.cjs.map

package/build/components/post-pending-status/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-pending-status/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { CheckboxControl } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport PostPendingStatusCheck from './check';\nimport { store as editorStore } from '../../store';\n\n/**\n * A component for displaying and toggling the pending status of a post.\n *\n * @return {React.ReactNode} The rendered component.\n */\nexport function PostPendingStatus() {\n\tconst status = useSelect(\n\t\t( select ) => select( editorStore ).getEditedPostAttribute( 'status' ),\n\t\t[]\n\t);\n\tconst { editPost } = useDispatch( editorStore );\n\tconst togglePendingStatus = () => {\n\t\tconst updatedStatus = status === 'pending' ? 'draft' : 'pending';\n\t\teditPost( { status: updatedStatus } );\n\t};\n\n\treturn (\n\t\t<PostPendingStatusCheck>\n\t\t\t<CheckboxControl\n\t\t\t\tlabel={ __( 'Pending review' ) }\n\t\t\t\tchecked={ status === 'pending' }\n\t\t\t\tonChange={ togglePendingStatus }\n\t\t\t/>\n\t\t</PostPendingStatusCheck>\n\t);\n}\n\nexport default PostPendingStatus;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AACnB,wBAAgC;AAChC,kBAAuC;AAKvC,mBAAmC;AACnC,mBAAqC;AAoBlC;AAbI,SAAS,oBAAoB;AACnC,QAAM,aAAS;AAAA,IACd,CAAE,WAAY,OAAQ,aAAAA,KAAY,EAAE,uBAAwB,QAAS;AAAA,IACrE,CAAC;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAI,yBAAa,aAAAA,KAAY;AAC9C,QAAM,sBAAsB,MAAM;AACjC,UAAM,gBAAgB,WAAW,YAAY,UAAU;AACvD,aAAU,EAAE,QAAQ,cAAc,CAAE;AAAA,EACrC;AAEA,SACC,4CAAC,aAAAC,SAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACA,WAAQ,gBAAI,gBAAiB;AAAA,MAC7B,SAAU,WAAW;AAAA,MACrB,UAAW;AAAA;AAAA,EACZ,GACD;AAEF;AAEA,IAAO,8BAAQ;",
+  "names": ["editorStore", "PostPendingStatusCheck"]
+}

package/build/components/post-pingbacks/index.cjs

@@ -0,0 +1,59 @@
+"use strict";
+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);
+
+// packages/editor/src/components/post-pingbacks/index.js
+var post_pingbacks_exports = {};
+__export(post_pingbacks_exports, {
+  default: () => post_pingbacks_default
+});
+module.exports = __toCommonJS(post_pingbacks_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_data = require("@wordpress/data");
+var import_store = require("../../store/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function PostPingbacks() {
+  const pingStatus = (0, import_data.useSelect)(
+    (select) => select(import_store.store).getEditedPostAttribute("ping_status") ?? "open",
+    []
+  );
+  const { editPost } = (0, import_data.useDispatch)(import_store.store);
+  const onTogglePingback = () => editPost({
+    ping_status: pingStatus === "open" ? "closed" : "open"
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.CheckboxControl,
+    {
+      label: (0, import_i18n.__)("Enable pingbacks & trackbacks"),
+      checked: pingStatus === "open",
+      onChange: onTogglePingback,
+      help: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.ExternalLink,
+        {
+          href: (0, import_i18n.__)(
+            "https://wordpress.org/documentation/article/trackbacks-and-pingbacks/"
+          ),
+          children: (0, import_i18n.__)("Learn more about pingbacks & trackbacks")
+        }
+      )
+    }
+  );
+}
+var post_pingbacks_default = PostPingbacks;
+//# sourceMappingURL=index.cjs.map

package/build/components/post-pingbacks/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-pingbacks/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { CheckboxControl, ExternalLink } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nfunction PostPingbacks() {\n\tconst pingStatus = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditedPostAttribute( 'ping_status' ) ??\n\t\t\t'open',\n\t\t[]\n\t);\n\tconst { editPost } = useDispatch( editorStore );\n\tconst onTogglePingback = () =>\n\t\teditPost( {\n\t\t\tping_status: pingStatus === 'open' ? 'closed' : 'open',\n\t\t} );\n\n\treturn (\n\t\t<CheckboxControl\n\t\t\tlabel={ __( 'Enable pingbacks & trackbacks' ) }\n\t\t\tchecked={ pingStatus === 'open' }\n\t\t\tonChange={ onTogglePingback }\n\t\t\thelp={\n\t\t\t\t<ExternalLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/trackbacks-and-pingbacks/'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Learn more about pingbacks & trackbacks' ) }\n\t\t\t\t</ExternalLink>\n\t\t\t}\n\t\t/>\n\t);\n}\n\n/**\n * Renders a control for enabling or disabling pingbacks and trackbacks\n * in a WordPress post.\n *\n * @module PostPingbacks\n */\nexport default PostPingbacks;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AACnB,wBAA8C;AAC9C,kBAAuC;AAKvC,mBAAqC;AAqBjC;AAnBJ,SAAS,gBAAgB;AACxB,QAAM,iBAAa;AAAA,IAClB,CAAE,WACD,OAAQ,aAAAA,KAAY,EAAE,uBAAwB,aAAc,KAC5D;AAAA,IACD,CAAC;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAI,yBAAa,aAAAA,KAAY;AAC9C,QAAM,mBAAmB,MACxB,SAAU;AAAA,IACT,aAAa,eAAe,SAAS,WAAW;AAAA,EACjD,CAAE;AAEH,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAQ,gBAAI,+BAAgC;AAAA,MAC5C,SAAU,eAAe;AAAA,MACzB,UAAW;AAAA,MACX,MACC;AAAA,QAAC;AAAA;AAAA,UACA,UAAO;AAAA,YACN;AAAA,UACD;AAAA,UAEE,8BAAI,yCAA0C;AAAA;AAAA,MACjD;AAAA;AAAA,EAEF;AAEF;AAQA,IAAO,yBAAQ;",
+  "names": ["editorStore"]
+}

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

@@ -0,0 +1,180 @@
+"use strict";
+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);
+
+// packages/editor/src/components/post-preview-button/index.js
+var post_preview_button_exports = {};
+__export(post_preview_button_exports, {
+  default: () => PostPreviewButton
+});
+module.exports = __toCommonJS(post_preview_button_exports);
+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/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function writeInterstitialMessage(targetDocument) {
+  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 {
+				margin: 0;
+			}
+			.editor-post-preview-button__interstitial-message {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				height: 100vh;
+				width: 100vw;
+			}
+			@-webkit-keyframes paint {
+				0% {
+					stroke-dashoffset: 0;
+				}
+			}
+			@-moz-keyframes paint {
+				0% {
+					stroke-dashoffset: 0;
+				}
+			}
+			@-o-keyframes paint {
+				0% {
+					stroke-dashoffset: 0;
+				}
+			}
+			@keyframes paint {
+				0% {
+					stroke-dashoffset: 0;
+				}
+			}
+			.editor-post-preview-button__interstitial-message svg {
+				width: 192px;
+				height: 192px;
+				stroke: #555d66;
+				stroke-width: 0.75;
+			}
+			.editor-post-preview-button__interstitial-message svg .outer,
+			.editor-post-preview-button__interstitial-message svg .inner {
+				stroke-dasharray: 280;
+				stroke-dashoffset: 280;
+				-webkit-animation: paint 1.5s ease infinite alternate;
+				-moz-animation: paint 1.5s ease infinite alternate;
+				-o-animation: paint 1.5s ease infinite alternate;
+				animation: paint 1.5s ease infinite alternate;
+			}
+			p {
+				text-align: center;
+				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+			}
+		</style>
+	`;
+  markup = (0, import_hooks.applyFilters)("editor.PostPreview.interstitialMarkup", markup);
+  targetDocument.write(markup);
+  targetDocument.title = (0, import_i18n.__)("Generating preview\u2026");
+  targetDocument.close();
+}
+function PostPreviewButton({
+  className,
+  textContent,
+  forceIsAutosaveable,
+  role,
+  onPreview
+}) {
+  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 {
+      postId: editor.getCurrentPostId(),
+      currentPostLink: editor.getCurrentPostAttribute("link"),
+      previewLink: editor.getEditedPostPreviewLink(),
+      isSaveable: editor.isEditedPostSaveable(),
+      isViewable: canView
+    };
+  }, []);
+  const { __unstableSaveForPreview } = (0, import_data.useDispatch)(import_store.store);
+  if (!isViewable) {
+    return null;
+  }
+  const targetId = `wp-preview-${postId}`;
+  const openPreviewWindow = async (event) => {
+    event.preventDefault();
+    const previewWindow = window.open("", targetId);
+    previewWindow.focus();
+    writeInterstitialMessage(previewWindow.document);
+    const link = await __unstableSaveForPreview({ forceIsAutosaveable });
+    previewWindow.location = link;
+    onPreview?.();
+  };
+  const href = previewLink || currentPostLink;
+  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.cjs.map

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

@@ -0,0 +1,209 @@
+"use strict";
+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);
+
+// packages/editor/src/components/post-publish-button/index.js
+var post_publish_button_exports = {};
+__export(post_publish_button_exports, {
+  PostPublishButton: () => PostPublishButton,
+  default: () => post_publish_button_default
+});
+module.exports = __toCommonJS(post_publish_button_exports);
+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.cjs"));
+var import_store = require("../../store/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var noop = () => {
+};
+var PostPublishButton = class extends import_element.Component {
+  constructor(props) {
+    super(props);
+    this.createOnClick = this.createOnClick.bind(this);
+    this.closeEntitiesSavedStates = this.closeEntitiesSavedStates.bind(this);
+    this.state = {
+      entitiesSavedStatesCallback: false
+    };
+  }
+  createOnClick(callback) {
+    return (...args) => {
+      const { hasNonPostEntityChanges, setEntitiesSavedStatesCallback } = this.props;
+      if (hasNonPostEntityChanges && setEntitiesSavedStatesCallback) {
+        this.setState({
+          entitiesSavedStatesCallback: () => callback(...args)
+        });
+        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
+      )) {
+        entitiesSavedStatesCallback();
+      }
+    });
+  }
+  render() {
+    const {
+      forceIsDirty,
+      hasPublishAction,
+      isBeingScheduled,
+      isOpen,
+      isPostSavingLocked,
+      isPublishable,
+      isPublished,
+      isSaveable,
+      isSaving,
+      isAutoSaving,
+      isToggle,
+      savePostStatus,
+      onSubmit = noop,
+      onToggle,
+      visibility,
+      hasNonPostEntityChanges,
+      isSavingNonPostEntityChanges,
+      postStatus,
+      postStatusHasChanged
+    } = this.props;
+    const isButtonDisabled = (isSaving || !isSaveable || isPostSavingLocked || !isPublishable && !forceIsDirty) && (!hasNonPostEntityChanges || isSavingNonPostEntityChanges);
+    const isToggleDisabled = (isPublished || isSaving || !isSaveable || !isPublishable && !forceIsDirty) && (!hasNonPostEntityChanges || isSavingNonPostEntityChanges);
+    let publishStatus = "publish";
+    if (postStatusHasChanged) {
+      publishStatus = postStatus;
+    } else if (!hasPublishAction) {
+      publishStatus = "pending";
+    } else if (visibility === "private") {
+      publishStatus = "private";
+    } else if (isBeingScheduled) {
+      publishStatus = "future";
+    }
+    const onClickButton = () => {
+      if (isButtonDisabled) {
+        return;
+      }
+      onSubmit();
+      savePostStatus(publishStatus);
+    };
+    const onClickToggle = () => {
+      if (isToggleDisabled) {
+        return;
+      }
+      onToggle();
+    };
+    const buttonProps = {
+      "aria-disabled": isButtonDisabled,
+      className: "editor-post-publish-button",
+      isBusy: !isAutoSaving && isSaving,
+      variant: "primary",
+      onClick: this.createOnClick(onClickButton),
+      "aria-haspopup": hasNonPostEntityChanges ? "dialog" : void 0
+    };
+    const toggleProps = {
+      "aria-disabled": isToggleDisabled,
+      "aria-expanded": isOpen,
+      className: "editor-post-publish-panel__toggle",
+      isBusy: isSaving && isPublished,
+      variant: "primary",
+      size: "compact",
+      onClick: this.createOnClick(onClickToggle),
+      "aria-haspopup": hasNonPostEntityChanges ? "dialog" : void 0
+    };
+    const componentProps = isToggle ? toggleProps : buttonProps;
+    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, import_jsx_runtime.jsx)(import_label.default, {})
+      }
+    ) });
+  }
+};
+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.cjs.map