@wordpress/editor 14.37.0 → 14.37.1-next.79a2f3cdd.0

package/build-module/components/save-publish-panels/index.mjs

@@ -0,0 +1,99 @@
+// packages/editor/src/components/save-publish-panels/index.js
+import { useSelect, useDispatch } from "@wordpress/data";
+import { Button, createSlotFill } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { useCallback } from "@wordpress/element";
+import EntitiesSavedStates from "../entities-saved-states/index.mjs";
+import PostPublishPanel from "../post-publish-panel/index.mjs";
+import PluginPrePublishPanel from "../plugin-pre-publish-panel/index.mjs";
+import PluginPostPublishPanel from "../plugin-post-publish-panel/index.mjs";
+import { store as editorStore } from "../../store/index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var { Fill, Slot } = createSlotFill("ActionsPanel");
+var ActionsPanelFill = Fill;
+function SavePublishPanels({
+  setEntitiesSavedStatesCallback,
+  closeEntitiesSavedStates,
+  isEntitiesSavedStatesOpen,
+  forceIsDirtyPublishPanel
+}) {
+  const { closePublishSidebar, togglePublishSidebar } = useDispatch(editorStore);
+  const {
+    publishSidebarOpened,
+    isPublishable,
+    isDirty,
+    hasOtherEntitiesChanges
+  } = useSelect((select) => {
+    const {
+      isPublishSidebarOpened,
+      isEditedPostPublishable,
+      isCurrentPostPublished,
+      isEditedPostDirty,
+      hasNonPostEntityChanges
+    } = select(editorStore);
+    const _hasOtherEntitiesChanges = hasNonPostEntityChanges();
+    return {
+      publishSidebarOpened: isPublishSidebarOpened(),
+      isPublishable: !isCurrentPostPublished() && isEditedPostPublishable(),
+      isDirty: _hasOtherEntitiesChanges || isEditedPostDirty(),
+      hasOtherEntitiesChanges: _hasOtherEntitiesChanges
+    };
+  }, []);
+  const openEntitiesSavedStates = useCallback(
+    () => setEntitiesSavedStatesCallback(true),
+    []
+  );
+  let unmountableContent;
+  if (publishSidebarOpened) {
+    unmountableContent = /* @__PURE__ */ jsx(
+      PostPublishPanel,
+      {
+        onClose: closePublishSidebar,
+        forceIsDirty: forceIsDirtyPublishPanel,
+        PrePublishExtension: PluginPrePublishPanel.Slot,
+        PostPublishExtension: PluginPostPublishPanel.Slot
+      }
+    );
+  } else if (isPublishable && !hasOtherEntitiesChanges) {
+    unmountableContent = /* @__PURE__ */ jsx("div", { className: "editor-layout__toggle-publish-panel", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        __next40pxDefaultSize: true,
+        variant: "secondary",
+        onClick: togglePublishSidebar,
+        "aria-expanded": false,
+        children: __("Open publish panel")
+      }
+    ) });
+  } else {
+    unmountableContent = /* @__PURE__ */ jsx("div", { className: "editor-layout__toggle-entities-saved-states-panel", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        __next40pxDefaultSize: true,
+        variant: "secondary",
+        onClick: openEntitiesSavedStates,
+        "aria-expanded": false,
+        "aria-haspopup": "dialog",
+        disabled: !isDirty,
+        accessibleWhenDisabled: true,
+        children: __("Open save panel")
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isEntitiesSavedStatesOpen && /* @__PURE__ */ jsx(
+      EntitiesSavedStates,
+      {
+        close: closeEntitiesSavedStates,
+        renderDialog: true
+      }
+    ),
+    /* @__PURE__ */ jsx(Slot, { bubblesVirtually: true }),
+    !isEntitiesSavedStatesOpen && unmountableContent
+  ] });
+}
+export {
+  ActionsPanelFill,
+  SavePublishPanels as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/sidebar/constants.mjs

@@ -0,0 +1,9 @@
+// packages/editor/src/components/sidebar/constants.js
+var sidebars = {
+  document: "edit-post/document",
+  block: "edit-post/block"
+};
+export {
+  sidebars
+};
+//# sourceMappingURL=constants.mjs.map

package/build-module/components/sidebar/header.mjs

@@ -0,0 +1,44 @@
+// packages/editor/src/components/sidebar/header.js
+import { privateApis as componentsPrivateApis } from "@wordpress/components";
+import { __, _x } from "@wordpress/i18n";
+import { useSelect } from "@wordpress/data";
+import { forwardRef } from "@wordpress/element";
+import { decodeEntities } from "@wordpress/html-entities";
+import { store as editorStore } from "../../store/index.mjs";
+import { unlock } from "../../lock-unlock.mjs";
+import { sidebars } from "./constants.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var { Tabs } = unlock(componentsPrivateApis);
+var SidebarHeader = (_, ref) => {
+  const postTypeLabel = useSelect(
+    (select) => select(editorStore).getPostTypeLabel(),
+    []
+  );
+  const documentLabel = postTypeLabel ? decodeEntities(postTypeLabel) : (
+    // translators: Default label for the Document sidebar tab, not selected.
+    _x("Document", "noun, panel")
+  );
+  return /* @__PURE__ */ jsxs(Tabs.TabList, { ref, children: [
+    /* @__PURE__ */ jsx(
+      Tabs.Tab,
+      {
+        tabId: sidebars.document,
+        "data-tab-id": sidebars.document,
+        children: documentLabel
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Tabs.Tab,
+      {
+        tabId: sidebars.block,
+        "data-tab-id": sidebars.block,
+        children: __("Block")
+      }
+    )
+  ] });
+};
+var header_default = forwardRef(SidebarHeader);
+export {
+  header_default as default
+};
+//# sourceMappingURL=header.mjs.map

package/build-module/components/sidebar/header.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar/header.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { sidebars } from './constants';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst SidebarHeader = ( _, ref ) => {\n\tconst postTypeLabel = useSelect(\n\t\t( select ) => select( editorStore ).getPostTypeLabel(),\n\t\t[]\n\t);\n\n\tconst documentLabel = postTypeLabel\n\t\t? decodeEntities( postTypeLabel )\n\t\t: // translators: Default label for the Document sidebar tab, not selected.\n\t\t  _x( 'Document', 'noun, panel' );\n\n\treturn (\n\t\t<Tabs.TabList ref={ ref }>\n\t\t\t<Tabs.Tab\n\t\t\t\ttabId={ sidebars.document }\n\t\t\t\t// Used for focus management in the SettingsSidebar component.\n\t\t\t\tdata-tab-id={ sidebars.document }\n\t\t\t>\n\t\t\t\t{ documentLabel }\n\t\t\t</Tabs.Tab>\n\t\t\t<Tabs.Tab\n\t\t\t\ttabId={ sidebars.block }\n\t\t\t\t// Used for focus management in the SettingsSidebar component.\n\t\t\t\tdata-tab-id={ sidebars.block }\n\t\t\t>\n\t\t\t\t{ /* translators: Text label for the Block Settings Sidebar tab. */ }\n\t\t\t\t{ __( 'Block' ) }\n\t\t\t</Tabs.Tab>\n\t\t</Tabs.TabList>\n\t);\n};\n\nexport default forwardRef( SidebarHeader );\n"],
+  "mappings": ";AAGA,SAAS,eAAe,6BAA6B;AACrD,SAAS,IAAI,UAAU;AACvB,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAK/B,SAAS,SAAS,mBAAmB;AACrC,SAAS,cAAc;AACvB,SAAS,gBAAgB;AAgBvB,SACC,KADD;AAdF,IAAM,EAAE,KAAK,IAAI,OAAQ,qBAAsB;AAE/C,IAAM,gBAAgB,CAAE,GAAG,QAAS;AACnC,QAAM,gBAAgB;AAAA,IACrB,CAAE,WAAY,OAAQ,WAAY,EAAE,iBAAiB;AAAA,IACrD,CAAC;AAAA,EACF;AAEA,QAAM,gBAAgB,gBACnB,eAAgB,aAAc;AAAA;AAAA,IAE9B,GAAI,YAAY,aAAc;AAAA;AAEjC,SACC,qBAAC,KAAK,SAAL,EAAa,KACb;AAAA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACA,OAAQ,SAAS;AAAA,QAEjB,eAAc,SAAS;AAAA,QAErB;AAAA;AAAA,IACH;AAAA,IACA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACA,OAAQ,SAAS;AAAA,QAEjB,eAAc,SAAS;AAAA,QAGrB,aAAI,OAAQ;AAAA;AAAA,IACf;AAAA,KACD;AAEF;AAEA,IAAO,iBAAQ,WAAY,aAAc;",
+  "names": []
+}

package/build-module/components/sidebar/index.mjs

@@ -0,0 +1,162 @@
+// packages/editor/src/components/sidebar/index.js
+import {
+  BlockInspector,
+  store as blockEditorStore
+} from "@wordpress/block-editor";
+import { useSelect, useDispatch } from "@wordpress/data";
+import {
+  Platform,
+  useCallback,
+  useContext,
+  useEffect,
+  useRef
+} from "@wordpress/element";
+import { isRTL, __, _x } from "@wordpress/i18n";
+import { drawerLeft, drawerRight } from "@wordpress/icons";
+import { store as keyboardShortcutsStore } from "@wordpress/keyboard-shortcuts";
+import { privateApis as componentsPrivateApis } from "@wordpress/components";
+import { store as interfaceStore } from "@wordpress/interface";
+import PatternOverridesPanel from "../pattern-overrides-panel/index.mjs";
+import PluginDocumentSettingPanel from "../plugin-document-setting-panel/index.mjs";
+import PluginSidebar from "../plugin-sidebar/index.mjs";
+import PostSummary from "./post-summary.mjs";
+import PostTaxonomiesPanel from "../post-taxonomies/panel.mjs";
+import PostTransformPanel from "../post-transform-panel/index.mjs";
+import SidebarHeader from "./header.mjs";
+import TemplateContentPanel from "../template-content-panel/index.mjs";
+import TemplatePartContentPanel from "../template-part-content-panel/index.mjs";
+import useAutoSwitchEditorSidebars from "../provider/use-auto-switch-editor-sidebars.mjs";
+import { sidebars } from "./constants.mjs";
+import { unlock } from "../../lock-unlock.mjs";
+import { store as editorStore } from "../../store/index.mjs";
+import {
+  NAVIGATION_POST_TYPE,
+  TEMPLATE_PART_POST_TYPE,
+  TEMPLATE_POST_TYPE
+} from "../../store/constants.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var { Tabs } = unlock(componentsPrivateApis);
+var SIDEBAR_ACTIVE_BY_DEFAULT = Platform.select({
+  web: true,
+  native: false
+});
+var SidebarContent = ({
+  tabName,
+  keyboardShortcut,
+  onActionPerformed,
+  extraPanels
+}) => {
+  const tabListRef = useRef(null);
+  const tabsContextValue = useContext(Tabs.Context);
+  useEffect(() => {
+    const tabsElements = Array.from(
+      tabListRef.current?.querySelectorAll('[role="tab"]') || []
+    );
+    const selectedTabElement = tabsElements.find(
+      // We are purposefully using a custom `data-tab-id` attribute here
+      // because we don't want rely on any assumptions about `Tabs`
+      // component internals.
+      (element) => element.getAttribute("data-tab-id") === tabName
+    );
+    const activeElement = selectedTabElement?.ownerDocument.activeElement;
+    const tabsHasFocus = tabsElements.some((element) => {
+      return activeElement && activeElement.id === element.id;
+    });
+    if (tabsHasFocus && selectedTabElement && selectedTabElement.id !== activeElement?.id) {
+      selectedTabElement?.focus();
+    }
+  }, [tabName]);
+  return /* @__PURE__ */ jsx(
+    PluginSidebar,
+    {
+      identifier: tabName,
+      header: /* @__PURE__ */ jsx(Tabs.Context.Provider, { value: tabsContextValue, children: /* @__PURE__ */ jsx(SidebarHeader, { ref: tabListRef }) }),
+      closeLabel: __("Close Settings"),
+      className: "editor-sidebar__panel",
+      headerClassName: "editor-sidebar__panel-tabs",
+      title: (
+        /* translators: button label text should, if possible, be under 16 characters. */
+        _x("Settings", "panel button label")
+      ),
+      toggleShortcut: keyboardShortcut,
+      icon: isRTL() ? drawerLeft : drawerRight,
+      isActiveByDefault: SIDEBAR_ACTIVE_BY_DEFAULT,
+      children: /* @__PURE__ */ jsxs(Tabs.Context.Provider, { value: tabsContextValue, children: [
+        /* @__PURE__ */ jsxs(Tabs.TabPanel, { tabId: sidebars.document, focusable: false, children: [
+          /* @__PURE__ */ jsx(PostSummary, { onActionPerformed }),
+          /* @__PURE__ */ jsx(PluginDocumentSettingPanel.Slot, {}),
+          /* @__PURE__ */ jsx(TemplateContentPanel, {}),
+          /* @__PURE__ */ jsx(TemplatePartContentPanel, {}),
+          /* @__PURE__ */ jsx(PostTransformPanel, {}),
+          /* @__PURE__ */ jsx(PostTaxonomiesPanel, {}),
+          /* @__PURE__ */ jsx(PatternOverridesPanel, {}),
+          extraPanels
+        ] }),
+        /* @__PURE__ */ jsx(Tabs.TabPanel, { tabId: sidebars.block, focusable: false, children: /* @__PURE__ */ jsx(BlockInspector, {}) })
+      ] })
+    }
+  );
+};
+var Sidebar = ({ extraPanels, onActionPerformed }) => {
+  useAutoSwitchEditorSidebars();
+  const { tabName, keyboardShortcut, showSummary } = useSelect(
+    (select) => {
+      const shortcut = select(
+        keyboardShortcutsStore
+      ).getShortcutRepresentation("core/editor/toggle-sidebar");
+      const sidebar = select(interfaceStore).getActiveComplementaryArea("core");
+      const _isEditorSidebarOpened = [
+        sidebars.block,
+        sidebars.document
+      ].includes(sidebar);
+      let _tabName = sidebar;
+      if (!_isEditorSidebarOpened) {
+        _tabName = !!select(
+          blockEditorStore
+        ).getBlockSelectionStart() ? sidebars.block : sidebars.document;
+      }
+      return {
+        tabName: _tabName,
+        keyboardShortcut: shortcut,
+        showSummary: ![
+          TEMPLATE_POST_TYPE,
+          TEMPLATE_PART_POST_TYPE,
+          NAVIGATION_POST_TYPE
+        ].includes(select(editorStore).getCurrentPostType())
+      };
+    },
+    []
+  );
+  const { enableComplementaryArea } = useDispatch(interfaceStore);
+  const onTabSelect = useCallback(
+    (newSelectedTabId) => {
+      if (!!newSelectedTabId) {
+        enableComplementaryArea("core", newSelectedTabId);
+      }
+    },
+    [enableComplementaryArea]
+  );
+  return /* @__PURE__ */ jsx(
+    Tabs,
+    {
+      selectedTabId: tabName,
+      onSelect: onTabSelect,
+      selectOnMove: false,
+      children: /* @__PURE__ */ jsx(
+        SidebarContent,
+        {
+          tabName,
+          keyboardShortcut,
+          showSummary,
+          onActionPerformed,
+          extraPanels
+        }
+      )
+    }
+  );
+};
+var sidebar_default = Sidebar;
+export {
+  sidebar_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/sidebar/post-summary.mjs

@@ -0,0 +1,88 @@
+// packages/editor/src/components/sidebar/post-summary.js
+import { __experimentalVStack as VStack } from "@wordpress/components";
+import { useSelect } from "@wordpress/data";
+import PluginPostStatusInfo from "../plugin-post-status-info/index.mjs";
+import PostAuthorPanel from "../post-author/panel.mjs";
+import PostCardPanel from "../post-card-panel/index.mjs";
+import PostContentInformation from "../post-content-information/index.mjs";
+import PageAttributesPanel from "../page-attributes/panel.mjs";
+import PostDiscussionPanel from "../post-discussion/panel.mjs";
+import { PrivatePostExcerptPanel as PostExcerptPanel } from "../post-excerpt/panel.mjs";
+import PostFeaturedImagePanel from "../post-featured-image/panel.mjs";
+import PostFormatPanel from "../post-format/panel.mjs";
+import PostLastEditedPanel from "../post-last-edited-panel/index.mjs";
+import PostPanelSection from "../post-panel-section/index.mjs";
+import PostSchedulePanel from "../post-schedule/panel.mjs";
+import PostStatusPanel from "../post-status/index.mjs";
+import PostSyncStatus from "../post-sync-status/index.mjs";
+import PostTemplatePanel from "../post-template/panel.mjs";
+import PostURLPanel from "../post-url/panel.mjs";
+import BlogTitle from "../blog-title/index.mjs";
+import PostsPerPage from "../posts-per-page/index.mjs";
+import SiteDiscussion from "../site-discussion/index.mjs";
+import { store as editorStore } from "../../store/index.mjs";
+import { PrivatePostLastRevision } from "../post-last-revision/index.mjs";
+import PostTrash from "../post-trash/index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PANEL_NAME = "post-status";
+function PostSummary({ onActionPerformed }) {
+  const { isRemovedPostStatusPanel, postType, postId } = useSelect(
+    (select) => {
+      const {
+        isEditorPanelRemoved,
+        getCurrentPostType,
+        getCurrentPostId
+      } = select(editorStore);
+      return {
+        isRemovedPostStatusPanel: isEditorPanelRemoved(PANEL_NAME),
+        postType: getCurrentPostType(),
+        postId: getCurrentPostId()
+      };
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx(PostPanelSection, { className: "editor-post-summary", children: /* @__PURE__ */ jsx(PluginPostStatusInfo.Slot, { children: (fills) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 4, children: [
+    /* @__PURE__ */ jsx(
+      PostCardPanel,
+      {
+        postType,
+        postId,
+        onActionPerformed
+      }
+    ),
+    /* @__PURE__ */ jsx(PostFeaturedImagePanel, { withPanelBody: false }),
+    /* @__PURE__ */ jsx(PostExcerptPanel, {}),
+    /* @__PURE__ */ jsxs(VStack, { spacing: 1, children: [
+      /* @__PURE__ */ jsx(PostContentInformation, {}),
+      /* @__PURE__ */ jsx(PostLastEditedPanel, {})
+    ] }),
+    !isRemovedPostStatusPanel && /* @__PURE__ */ jsxs(VStack, { spacing: 4, children: [
+      /* @__PURE__ */ jsxs(VStack, { spacing: 1, children: [
+        /* @__PURE__ */ jsx(PostStatusPanel, {}),
+        /* @__PURE__ */ jsx(PostSchedulePanel, {}),
+        /* @__PURE__ */ jsx(PostURLPanel, {}),
+        /* @__PURE__ */ jsx(PostAuthorPanel, {}),
+        /* @__PURE__ */ jsx(PostTemplatePanel, {}),
+        /* @__PURE__ */ jsx(PostDiscussionPanel, {}),
+        /* @__PURE__ */ jsx(PrivatePostLastRevision, {}),
+        /* @__PURE__ */ jsx(PageAttributesPanel, {}),
+        /* @__PURE__ */ jsx(PostSyncStatus, {}),
+        /* @__PURE__ */ jsx(BlogTitle, {}),
+        /* @__PURE__ */ jsx(PostsPerPage, {}),
+        /* @__PURE__ */ jsx(SiteDiscussion, {}),
+        /* @__PURE__ */ jsx(PostFormatPanel, {}),
+        fills
+      ] }),
+      /* @__PURE__ */ jsx(
+        PostTrash,
+        {
+          onActionPerformed
+        }
+      )
+    ] })
+  ] }) }) }) });
+}
+export {
+  PostSummary as default
+};
+//# sourceMappingURL=post-summary.mjs.map

package/build-module/components/site-discussion/index.mjs

@@ -0,0 +1,119 @@
+// packages/editor/src/components/site-discussion/index.js
+import { __, _x } from "@wordpress/i18n";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+import {
+  Button,
+  Dropdown,
+  RadioControl,
+  __experimentalVStack as VStack,
+  __experimentalText as Text
+} from "@wordpress/components";
+import { useState, useMemo } from "@wordpress/element";
+import { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from "@wordpress/block-editor";
+import { TEMPLATE_POST_TYPE } from "../../store/constants.mjs";
+import PostPanelRow from "../post-panel-row/index.mjs";
+import { store as editorStore } from "../../store/index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var COMMENT_OPTIONS = [
+  {
+    label: _x("Open", 'Adjective: e.g. "Comments are open"'),
+    value: "open",
+    description: __("Visitors can add new comments and replies.")
+  },
+  {
+    label: __("Closed"),
+    value: "",
+    description: [
+      __("Visitors cannot add new comments or replies."),
+      __("Existing comments remain visible.")
+    ].join(" ")
+  }
+];
+function SiteDiscussion() {
+  const { editEntityRecord } = useDispatch(coreStore);
+  const { allowCommentsOnNewPosts, isTemplate, postSlug } = useSelect(
+    (select) => {
+      const { getEditedPostAttribute, getCurrentPostType } = select(editorStore);
+      const { getEditedEntityRecord, canUser } = select(coreStore);
+      const siteSettings = canUser("read", {
+        kind: "root",
+        name: "site"
+      }) ? getEditedEntityRecord("root", "site") : void 0;
+      return {
+        isTemplate: getCurrentPostType() === TEMPLATE_POST_TYPE,
+        postSlug: getEditedPostAttribute("slug"),
+        allowCommentsOnNewPosts: siteSettings?.default_comment_status || ""
+      };
+    },
+    []
+  );
+  const [popoverAnchor, setPopoverAnchor] = useState(null);
+  const popoverProps = useMemo(
+    () => ({
+      // Anchor the popover to the middle of the entire row so that it doesn't
+      // move around when the label changes.
+      anchor: popoverAnchor,
+      placement: "left-start",
+      offset: 36,
+      shift: true
+    }),
+    [popoverAnchor]
+  );
+  if (!isTemplate || !["home", "index"].includes(postSlug)) {
+    return null;
+  }
+  const setAllowCommentsOnNewPosts = (newValue) => {
+    editEntityRecord("root", "site", void 0, {
+      default_comment_status: newValue ? "open" : null
+    });
+  };
+  return /* @__PURE__ */ jsx(PostPanelRow, { label: __("Discussion"), ref: setPopoverAnchor, children: /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      popoverProps,
+      contentClassName: "editor-site-discussion-dropdown__content",
+      focusOnMount: true,
+      renderToggle: ({ isOpen, onToggle }) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "compact",
+          variant: "tertiary",
+          "aria-expanded": isOpen,
+          "aria-label": __("Change discussion settings"),
+          onClick: onToggle,
+          children: allowCommentsOnNewPosts ? __("Comments open") : __("Comments closed")
+        }
+      ),
+      renderContent: ({ onClose }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          InspectorPopoverHeader,
+          {
+            title: __("Discussion"),
+            onClose
+          }
+        ),
+        /* @__PURE__ */ jsxs(VStack, { spacing: 3, children: [
+          /* @__PURE__ */ jsx(Text, { children: __(
+            "Changes will apply to new posts only. Individual posts may override these settings."
+          ) }),
+          /* @__PURE__ */ jsx(
+            RadioControl,
+            {
+              className: "editor-site-discussion__options",
+              hideLabelFromVision: true,
+              label: __("Comment status"),
+              options: COMMENT_OPTIONS,
+              onChange: setAllowCommentsOnNewPosts,
+              selected: allowCommentsOnNewPosts
+            }
+          )
+        ] })
+      ] })
+    }
+  ) });
+}
+export {
+  SiteDiscussion as default
+};
+//# sourceMappingURL=index.mjs.map