@wordpress/editor 13.34.0 → 14.0.0

package/build/components/sidebar/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sidebars = void 0;
+const sidebars = exports.sidebars = {
+  document: 'edit-post/document',
+  block: 'edit-post/block'
+};
+//# sourceMappingURL=constants.js.map

package/build/components/sidebar/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sidebars","exports","document","block"],"sources":["@wordpress/editor/src/components/sidebar/constants.js"],"sourcesContent":["export const sidebars = {\n\tdocument: 'edit-post/document',\n\tblock: 'edit-post/block',\n};\n"],"mappings":";;;;;;AAAO,MAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG;EACvBE,QAAQ,EAAE,oBAAoB;EAC9BC,KAAK,EAAE;AACR,CAAC","ignoreList":[]}

package/build/components/sidebar/header.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
+var _store = require("../../store");
+var _lockUnlock = require("../../lock-unlock");
+var _constants = require("./constants");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  Tabs
+} = (0, _lockUnlock.unlock)(_components.privateApis);
+const SidebarHeader = (_, ref) => {
+  const {
+    documentLabel
+  } = (0, _data.useSelect)(select => {
+    const {
+      getPostTypeLabel
+    } = select(_store.store);
+    return {
+      // translators: Default label for the Document sidebar tab, not selected.
+      documentLabel: getPostTypeLabel() || (0, _i18n._x)('Document', 'noun')
+    };
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs.TabList, {
+    ref: ref,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
+      tabId: _constants.sidebars.document
+      // Used for focus management in the SettingsSidebar component.
+      ,
+      "data-tab-id": _constants.sidebars.document,
+      children: documentLabel
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
+      tabId: _constants.sidebars.block
+      // Used for focus management in the SettingsSidebar component.
+      ,
+      "data-tab-id": _constants.sidebars.block,
+      children: (0, _i18n.__)('Block')
+    })]
+  });
+};
+var _default = exports.default = (0, _element.forwardRef)(SidebarHeader);
+//# sourceMappingURL=header.js.map

package/build/components/sidebar/header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_i18n","_data","_element","_store","_lockUnlock","_constants","_jsxRuntime","Tabs","unlock","componentsPrivateApis","SidebarHeader","_","ref","documentLabel","useSelect","select","getPostTypeLabel","editorStore","_x","jsxs","TabList","children","jsx","Tab","tabId","sidebars","document","block","__","_default","exports","default","forwardRef"],"sources":["@wordpress/editor/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';\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 { documentLabel } = useSelect( ( select ) => {\n\t\tconst { getPostTypeLabel } = select( editorStore );\n\n\t\treturn {\n\t\t\t// translators: Default label for the Document sidebar tab, not selected.\n\t\t\tdocumentLabel: getPostTypeLabel() || _x( 'Document', 'noun' ),\n\t\t};\n\t}, [] );\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,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAuC,IAAAO,WAAA,GAAAP,OAAA;AAbvC;AACA;AACA;;AAMA;AACA;AACA;;AAKA,MAAM;EAAEQ;AAAK,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEhD,MAAMC,aAAa,GAAGA,CAAEC,CAAC,EAAEC,GAAG,KAAM;EACnC,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAClD,MAAM;MAAEC;IAAiB,CAAC,GAAGD,MAAM,CAAEE,YAAY,CAAC;IAElD,OAAO;MACN;MACAJ,aAAa,EAAEG,gBAAgB,CAAC,CAAC,IAAI,IAAAE,QAAE,EAAE,UAAU,EAAE,MAAO;IAC7D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,oBACC,IAAAZ,WAAA,CAAAa,IAAA,EAACZ,IAAI,CAACa,OAAO;IAACR,GAAG,EAAGA,GAAK;IAAAS,QAAA,gBACxB,IAAAf,WAAA,CAAAgB,GAAA,EAACf,IAAI,CAACgB,GAAG;MACRC,KAAK,EAAGC,mBAAQ,CAACC;MACjB;MAAA;MACA,eAAcD,mBAAQ,CAACC,QAAU;MAAAL,QAAA,EAE/BR;IAAa,CACN,CAAC,eACX,IAAAP,WAAA,CAAAgB,GAAA,EAACf,IAAI,CAACgB,GAAG;MACRC,KAAK,EAAGC,mBAAQ,CAACE;MACjB;MAAA;MACA,eAAcF,mBAAQ,CAACE,KAAO;MAAAN,QAAA,EAG5B,IAAAO,QAAE,EAAE,OAAQ;IAAC,CACN,CAAC;EAAA,CACE,CAAC;AAEjB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,mBAAU,EAAEtB,aAAc,CAAC","ignoreList":[]}

package/build/components/sidebar/index.js

@@ -0,0 +1,161 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _blockEditor = require("@wordpress/block-editor");
+var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
+var _i18n = require("@wordpress/i18n");
+var _icons = require("@wordpress/icons");
+var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
+var _components = require("@wordpress/components");
+var _interface = require("@wordpress/interface");
+var _patternOverridesPanel = _interopRequireDefault(require("../pattern-overrides-panel"));
+var _pluginDocumentSettingPanel = _interopRequireDefault(require("../plugin-document-setting-panel"));
+var _pluginSidebar = _interopRequireDefault(require("../plugin-sidebar"));
+var _postSummary = _interopRequireDefault(require("./post-summary"));
+var _panel = _interopRequireDefault(require("../post-taxonomies/panel"));
+var _postTransformPanel = _interopRequireDefault(require("../post-transform-panel"));
+var _header = _interopRequireDefault(require("./header"));
+var _templateContentPanel = _interopRequireDefault(require("../template-content-panel"));
+var _useAutoSwitchEditorSidebars = _interopRequireDefault(require("../provider/use-auto-switch-editor-sidebars"));
+var _constants = require("./constants");
+var _lockUnlock = require("../../lock-unlock");
+var _store = require("../../store");
+var _constants2 = require("../../store/constants");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  Tabs
+} = (0, _lockUnlock.unlock)(_components.privateApis);
+const SIDEBAR_ACTIVE_BY_DEFAULT = _element.Platform.select({
+  web: true,
+  native: false
+});
+const SidebarContent = ({
+  tabName,
+  keyboardShortcut,
+  renderingMode,
+  onActionPerformed,
+  extraPanels
+}) => {
+  const tabListRef = (0, _element.useRef)(null);
+  // Because `PluginSidebar` renders a `ComplementaryArea`, we
+  // need to forward the `Tabs` context so it can be passed through the
+  // underlying slot/fill.
+  const tabsContextValue = (0, _element.useContext)(Tabs.Context);
+
+  // This effect addresses a race condition caused by tabbing from the last
+  // block in the editor into the settings sidebar. Without this effect, the
+  // selected tab and browser focus can become separated in an unexpected way
+  // (e.g the "block" tab is focused, but the "post" tab is selected).
+  (0, _element.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__*/(0, _jsxRuntime.jsx)(_pluginSidebar.default, {
+    identifier: tabName,
+    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Context.Provider, {
+      value: tabsContextValue,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
+        ref: tabListRef
+      })
+    }),
+    closeLabel: (0, _i18n.__)('Close Settings')
+    // This classname is added so we can apply a corrective negative
+    // margin to the panel.
+    // see https://github.com/WordPress/gutenberg/pull/55360#pullrequestreview-1737671049
+    ,
+    className: "editor-sidebar__panel",
+    headerClassName: "editor-sidebar__panel-tabs"
+    /* translators: button label text should, if possible, be under 16 characters. */,
+    title: (0, _i18n.__)('Settings'),
+    toggleShortcut: keyboardShortcut,
+    icon: (0, _i18n.isRTL)() ? _icons.drawerLeft : _icons.drawerRight,
+    isActiveByDefault: SIDEBAR_ACTIVE_BY_DEFAULT,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs.Context.Provider, {
+      value: tabsContextValue,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs.TabPanel, {
+        tabId: _constants.sidebars.document,
+        focusable: false,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_postSummary.default, {
+          onActionPerformed: onActionPerformed
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_pluginDocumentSettingPanel.default.Slot, {}), renderingMode !== 'post-only' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_templateContentPanel.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_postTransformPanel.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_patternOverridesPanel.default, {}), extraPanels]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
+        tabId: _constants.sidebars.block,
+        focusable: false,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockInspector, {})
+      })]
+    })
+  });
+};
+const Sidebar = ({
+  extraPanels,
+  onActionPerformed
+}) => {
+  (0, _useAutoSwitchEditorSidebars.default)();
+  const {
+    tabName,
+    keyboardShortcut,
+    showSummary,
+    renderingMode
+  } = (0, _data.useSelect)(select => {
+    const shortcut = select(_keyboardShortcuts.store).getShortcutRepresentation('core/editor/toggle-sidebar');
+    const sidebar = select(_interface.store).getActiveComplementaryArea('core');
+    const _isEditorSidebarOpened = [_constants.sidebars.block, _constants.sidebars.document].includes(sidebar);
+    let _tabName = sidebar;
+    if (!_isEditorSidebarOpened) {
+      _tabName = !!select(_blockEditor.store).getBlockSelectionStart() ? _constants.sidebars.block : _constants.sidebars.document;
+    }
+    return {
+      tabName: _tabName,
+      keyboardShortcut: shortcut,
+      showSummary: ![_constants2.TEMPLATE_POST_TYPE, _constants2.TEMPLATE_PART_POST_TYPE, _constants2.NAVIGATION_POST_TYPE].includes(select(_store.store).getCurrentPostType()),
+      renderingMode: select(_store.store).getRenderingMode()
+    };
+  }, []);
+  const {
+    enableComplementaryArea
+  } = (0, _data.useDispatch)(_interface.store);
+  const onTabSelect = (0, _element.useCallback)(newSelectedTabId => {
+    if (!!newSelectedTabId) {
+      enableComplementaryArea('core', newSelectedTabId);
+    }
+  }, [enableComplementaryArea]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs, {
+    selectedTabId: tabName,
+    onSelect: onTabSelect,
+    selectOnMove: false,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SidebarContent, {
+      tabName: tabName,
+      keyboardShortcut: keyboardShortcut,
+      showSummary: showSummary,
+      renderingMode: renderingMode,
+      onActionPerformed: onActionPerformed,
+      extraPanels: extraPanels
+    })
+  });
+};
+var _default = exports.default = Sidebar;
+//# sourceMappingURL=index.js.map

package/build/components/sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_blockEditor","require","_data","_element","_i18n","_icons","_keyboardShortcuts","_components","_interface","_patternOverridesPanel","_interopRequireDefault","_pluginDocumentSettingPanel","_pluginSidebar","_postSummary","_panel","_postTransformPanel","_header","_templateContentPanel","_useAutoSwitchEditorSidebars","_constants","_lockUnlock","_store","_constants2","_jsxRuntime","Tabs","unlock","componentsPrivateApis","SIDEBAR_ACTIVE_BY_DEFAULT","Platform","select","web","native","SidebarContent","tabName","keyboardShortcut","renderingMode","onActionPerformed","extraPanels","tabListRef","useRef","tabsContextValue","useContext","Context","useEffect","tabsElements","Array","from","current","querySelectorAll","selectedTabElement","find","element","getAttribute","activeElement","ownerDocument","tabsHasFocus","some","id","focus","jsx","default","identifier","header","Provider","value","children","ref","closeLabel","__","className","headerClassName","title","toggleShortcut","icon","isRTL","drawerLeft","drawerRight","isActiveByDefault","jsxs","TabPanel","tabId","sidebars","document","focusable","Slot","block","BlockInspector","Sidebar","useAutoSwitchEditorSidebars","showSummary","useSelect","shortcut","keyboardShortcutsStore","getShortcutRepresentation","sidebar","interfaceStore","getActiveComplementaryArea","_isEditorSidebarOpened","includes","_tabName","blockEditorStore","getBlockSelectionStart","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","NAVIGATION_POST_TYPE","editorStore","getCurrentPostType","getRenderingMode","enableComplementaryArea","useDispatch","onTabSelect","useCallback","newSelectedTabId","selectedTabId","onSelect","selectOnMove","_default","exports"],"sources":["@wordpress/editor/src/components/sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockInspector,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tPlatform,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n} from '@wordpress/element';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { drawerLeft, drawerRight } from '@wordpress/icons';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport PatternOverridesPanel from '../pattern-overrides-panel';\nimport PluginDocumentSettingPanel from '../plugin-document-setting-panel';\nimport PluginSidebar from '../plugin-sidebar';\nimport PostSummary from './post-summary';\nimport PostTaxonomiesPanel from '../post-taxonomies/panel';\nimport PostTransformPanel from '../post-transform-panel';\nimport SidebarHeader from './header';\nimport TemplateContentPanel from '../template-content-panel';\nimport useAutoSwitchEditorSidebars from '../provider/use-auto-switch-editor-sidebars';\nimport { sidebars } from './constants';\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\nimport {\n\tNAVIGATION_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_POST_TYPE,\n} from '../../store/constants';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst SIDEBAR_ACTIVE_BY_DEFAULT = Platform.select( {\n\tweb: true,\n\tnative: false,\n} );\n\nconst SidebarContent = ( {\n\ttabName,\n\tkeyboardShortcut,\n\trenderingMode,\n\tonActionPerformed,\n\textraPanels,\n} ) => {\n\tconst tabListRef = useRef( null );\n\t// Because `PluginSidebar` renders a `ComplementaryArea`, we\n\t// need to forward the `Tabs` context so it can be passed through the\n\t// underlying slot/fill.\n\tconst tabsContextValue = useContext( Tabs.Context );\n\n\t// This effect addresses a race condition caused by tabbing from the last\n\t// block in the editor into the settings sidebar. Without this effect, the\n\t// selected tab and browser focus can become separated in an unexpected way\n\t// (e.g the \"block\" tab is focused, but the \"post\" tab is selected).\n\tuseEffect( () => {\n\t\tconst tabsElements = Array.from(\n\t\t\ttabListRef.current?.querySelectorAll( '[role=\"tab\"]' ) || []\n\t\t);\n\t\tconst selectedTabElement = tabsElements.find(\n\t\t\t// We are purposefully using a custom `data-tab-id` attribute here\n\t\t\t// because we don't want rely on any assumptions about `Tabs`\n\t\t\t// component internals.\n\t\t\t( element ) => element.getAttribute( 'data-tab-id' ) === tabName\n\t\t);\n\t\tconst activeElement = selectedTabElement?.ownerDocument.activeElement;\n\t\tconst tabsHasFocus = tabsElements.some( ( element ) => {\n\t\t\treturn activeElement && activeElement.id === element.id;\n\t\t} );\n\t\tif (\n\t\t\ttabsHasFocus &&\n\t\t\tselectedTabElement &&\n\t\t\tselectedTabElement.id !== activeElement?.id\n\t\t) {\n\t\t\tselectedTabElement?.focus();\n\t\t}\n\t}, [ tabName ] );\n\n\treturn (\n\t\t<PluginSidebar\n\t\t\tidentifier={ tabName }\n\t\t\theader={\n\t\t\t\t<Tabs.Context.Provider value={ tabsContextValue }>\n\t\t\t\t\t<SidebarHeader ref={ tabListRef } />\n\t\t\t\t</Tabs.Context.Provider>\n\t\t\t}\n\t\t\tcloseLabel={ __( 'Close Settings' ) }\n\t\t\t// This classname is added so we can apply a corrective negative\n\t\t\t// margin to the panel.\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/55360#pullrequestreview-1737671049\n\t\t\tclassName=\"editor-sidebar__panel\"\n\t\t\theaderClassName=\"editor-sidebar__panel-tabs\"\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\ttitle={ __( 'Settings' ) }\n\t\t\ttoggleShortcut={ keyboardShortcut }\n\t\t\ticon={ isRTL() ? drawerLeft : drawerRight }\n\t\t\tisActiveByDefault={ SIDEBAR_ACTIVE_BY_DEFAULT }\n\t\t>\n\t\t\t<Tabs.Context.Provider value={ tabsContextValue }>\n\t\t\t\t<Tabs.TabPanel tabId={ sidebars.document } focusable={ false }>\n\t\t\t\t\t<PostSummary onActionPerformed={ onActionPerformed } />\n\t\t\t\t\t<PluginDocumentSettingPanel.Slot />\n\t\t\t\t\t{ renderingMode !== 'post-only' && (\n\t\t\t\t\t\t<TemplateContentPanel />\n\t\t\t\t\t) }\n\t\t\t\t\t<PostTransformPanel />\n\t\t\t\t\t<PostTaxonomiesPanel />\n\t\t\t\t\t<PatternOverridesPanel />\n\t\t\t\t\t{ extraPanels }\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ sidebars.block } focusable={ false }>\n\t\t\t\t\t<BlockInspector />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs.Context.Provider>\n\t\t</PluginSidebar>\n\t);\n};\n\nconst Sidebar = ( { extraPanels, onActionPerformed } ) => {\n\tuseAutoSwitchEditorSidebars();\n\tconst { tabName, keyboardShortcut, showSummary, renderingMode } = useSelect(\n\t\t( select ) => {\n\t\t\tconst shortcut = select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t).getShortcutRepresentation( 'core/editor/toggle-sidebar' );\n\n\t\t\tconst sidebar =\n\t\t\t\tselect( interfaceStore ).getActiveComplementaryArea( 'core' );\n\t\t\tconst _isEditorSidebarOpened = [\n\t\t\t\tsidebars.block,\n\t\t\t\tsidebars.document,\n\t\t\t].includes( sidebar );\n\t\t\tlet _tabName = sidebar;\n\t\t\tif ( ! _isEditorSidebarOpened ) {\n\t\t\t\t_tabName = !! select(\n\t\t\t\t\tblockEditorStore\n\t\t\t\t).getBlockSelectionStart()\n\t\t\t\t\t? sidebars.block\n\t\t\t\t\t: sidebars.document;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\ttabName: _tabName,\n\t\t\t\tkeyboardShortcut: shortcut,\n\t\t\t\tshowSummary: ! [\n\t\t\t\t\tTEMPLATE_POST_TYPE,\n\t\t\t\t\tTEMPLATE_PART_POST_TYPE,\n\t\t\t\t\tNAVIGATION_POST_TYPE,\n\t\t\t\t].includes( select( editorStore ).getCurrentPostType() ),\n\t\t\t\trenderingMode: select( editorStore ).getRenderingMode(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\n\tconst onTabSelect = useCallback(\n\t\t( newSelectedTabId ) => {\n\t\t\tif ( !! newSelectedTabId ) {\n\t\t\t\tenableComplementaryArea( 'core', newSelectedTabId );\n\t\t\t}\n\t\t},\n\t\t[ enableComplementaryArea ]\n\t);\n\n\treturn (\n\t\t<Tabs\n\t\t\tselectedTabId={ tabName }\n\t\t\tonSelect={ onTabSelect }\n\t\t\tselectOnMove={ false }\n\t\t>\n\t\t\t<SidebarContent\n\t\t\t\ttabName={ tabName }\n\t\t\t\tkeyboardShortcut={ keyboardShortcut }\n\t\t\t\tshowSummary={ showSummary }\n\t\t\t\trenderingMode={ renderingMode }\n\t\t\t\tonActionPerformed={ onActionPerformed }\n\t\t\t\textraPanels={ extraPanels }\n\t\t\t/>\n\t\t</Tabs>\n\t);\n};\n\nexport default Sidebar;\n"],"mappings":"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","ignoreList":[]}

package/build/components/sidebar/post-summary.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PostSummary;
+var _components = require("@wordpress/components");
+var _data = require("@wordpress/data");
+var _pluginPostStatusInfo = _interopRequireDefault(require("../plugin-post-status-info"));
+var _postActions = _interopRequireDefault(require("../post-actions"));
+var _panel = _interopRequireDefault(require("../post-author/panel"));
+var _postCardPanel = _interopRequireDefault(require("../post-card-panel"));
+var _postContentInformation = _interopRequireDefault(require("../post-content-information"));
+var _panel2 = _interopRequireDefault(require("../page-attributes/panel"));
+var _panel3 = _interopRequireDefault(require("../post-discussion/panel"));
+var _panel4 = require("../post-excerpt/panel");
+var _panel5 = _interopRequireDefault(require("../post-featured-image/panel"));
+var _panel6 = _interopRequireDefault(require("../post-format/panel"));
+var _postLastEditedPanel = _interopRequireDefault(require("../post-last-edited-panel"));
+var _postPanelSection = _interopRequireDefault(require("../post-panel-section"));
+var _panel7 = _interopRequireDefault(require("../post-schedule/panel"));
+var _postStatus = _interopRequireDefault(require("../post-status"));
+var _postSticky = _interopRequireDefault(require("../post-sticky"));
+var _postSyncStatus = _interopRequireDefault(require("../post-sync-status"));
+var _panel8 = _interopRequireDefault(require("../post-template/panel"));
+var _panel9 = _interopRequireDefault(require("../post-url/panel"));
+var _blogTitle = _interopRequireDefault(require("../blog-title"));
+var _postsPerPage = _interopRequireDefault(require("../posts-per-page"));
+var _siteDiscussion = _interopRequireDefault(require("../site-discussion"));
+var _store = require("../../store");
+var _templateAreas = _interopRequireDefault(require("../template-areas"));
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+/**
+ * Module Constants
+ */const PANEL_NAME = 'post-status';
+function PostSummary({
+  onActionPerformed
+}) {
+  const {
+    isRemovedPostStatusPanel
+  } = (0, _data.useSelect)(select => {
+    // We use isEditorPanelRemoved to hide the panel if it was programatically removed. We do
+    // not use isEditorPanelEnabled since this panel should not be disabled through the UI.
+    const {
+      isEditorPanelRemoved,
+      getCurrentPostType
+    } = select(_store.store);
+    return {
+      isRemovedPostStatusPanel: isEditorPanelRemoved(PANEL_NAME),
+      postType: getCurrentPostType()
+    };
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_postPanelSection.default, {
+    className: "editor-post-summary",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pluginPostStatusInfo.default.Slot, {
+      children: fills => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+          spacing: 4,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_postCardPanel.default, {
+            actions: /*#__PURE__*/(0, _jsxRuntime.jsx)(_postActions.default, {
+              onActionPerformed: onActionPerformed
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel5.default, {
+            withPanelBody: false
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel4.PrivatePostExcerptPanel, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+            spacing: 1,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_postContentInformation.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_postLastEditedPanel.default, {})]
+          }), !isRemovedPostStatusPanel && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+            spacing: 2,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+              spacing: 1,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_postStatus.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel7.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel9.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel8.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel3.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel2.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_postSyncStatus.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blogTitle.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_postsPerPage.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_siteDiscussion.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel6.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_postSticky.default, {})]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_templateAreas.default, {}), fills]
+          })]
+        })
+      })
+    })
+  });
+}
+//# sourceMappingURL=post-summary.js.map

package/build/components/sidebar/post-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_data","_pluginPostStatusInfo","_interopRequireDefault","_postActions","_panel","_postCardPanel","_postContentInformation","_panel2","_panel3","_panel4","_panel5","_panel6","_postLastEditedPanel","_postPanelSection","_panel7","_postStatus","_postSticky","_postSyncStatus","_panel8","_panel9","_blogTitle","_postsPerPage","_siteDiscussion","_store","_templateAreas","_jsxRuntime","PANEL_NAME","PostSummary","onActionPerformed","isRemovedPostStatusPanel","useSelect","select","isEditorPanelRemoved","getCurrentPostType","editorStore","postType","jsx","default","className","children","Slot","fills","Fragment","jsxs","__experimentalVStack","spacing","actions","withPanelBody","PrivatePostExcerptPanel"],"sources":["@wordpress/editor/src/components/sidebar/post-summary.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport PluginPostStatusInfo from '../plugin-post-status-info';\nimport PostActions from '../post-actions';\nimport PostAuthorPanel from '../post-author/panel';\nimport PostCardPanel from '../post-card-panel';\nimport PostContentInformation from '../post-content-information';\nimport PageAttributesPanel from '../page-attributes/panel';\nimport PostDiscussionPanel from '../post-discussion/panel';\nimport { PrivatePostExcerptPanel as PostExcerptPanel } from '../post-excerpt/panel';\nimport PostFeaturedImagePanel from '../post-featured-image/panel';\nimport PostFormatPanel from '../post-format/panel';\nimport PostLastEditedPanel from '../post-last-edited-panel';\nimport PostPanelSection from '../post-panel-section';\nimport PostSchedulePanel from '../post-schedule/panel';\nimport PostStatusPanel from '../post-status';\nimport PostStickyPanel from '../post-sticky';\nimport PostSyncStatus from '../post-sync-status';\nimport PostTemplatePanel from '../post-template/panel';\nimport PostURLPanel from '../post-url/panel';\nimport BlogTitle from '../blog-title';\nimport PostsPerPage from '../posts-per-page';\nimport SiteDiscussion from '../site-discussion';\nimport { store as editorStore } from '../../store';\nimport TemplateAreas from '../template-areas';\n\n/**\n * Module Constants\n */\nconst PANEL_NAME = 'post-status';\n\nexport default function PostSummary( { onActionPerformed } ) {\n\tconst { isRemovedPostStatusPanel } = useSelect( ( select ) => {\n\t\t// We use isEditorPanelRemoved to hide the panel if it was programatically removed. We do\n\t\t// not use isEditorPanelEnabled since this panel should not be disabled through the UI.\n\t\tconst { isEditorPanelRemoved, getCurrentPostType } =\n\t\t\tselect( editorStore );\n\t\treturn {\n\t\t\tisRemovedPostStatusPanel: isEditorPanelRemoved( PANEL_NAME ),\n\t\t\tpostType: getCurrentPostType(),\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<PostPanelSection className=\"editor-post-summary\">\n\t\t\t<PluginPostStatusInfo.Slot>\n\t\t\t\t{ ( fills ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t\t\t<PostCardPanel\n\t\t\t\t\t\t\t\tactions={\n\t\t\t\t\t\t\t\t\t<PostActions\n\t\t\t\t\t\t\t\t\t\tonActionPerformed={ onActionPerformed }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<PostFeaturedImagePanel withPanelBody={ false } />\n\t\t\t\t\t\t\t<PostExcerptPanel />\n\t\t\t\t\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t\t\t\t\t<PostContentInformation />\n\t\t\t\t\t\t\t\t<PostLastEditedPanel />\n\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t{ ! isRemovedPostStatusPanel && (\n\t\t\t\t\t\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t\t\t\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t\t\t\t\t\t\t<PostStatusPanel />\n\t\t\t\t\t\t\t\t\t\t<PostSchedulePanel />\n\t\t\t\t\t\t\t\t\t\t<PostURLPanel />\n\t\t\t\t\t\t\t\t\t\t<PostAuthorPanel />\n\t\t\t\t\t\t\t\t\t\t<PostTemplatePanel />\n\t\t\t\t\t\t\t\t\t\t<PostDiscussionPanel />\n\t\t\t\t\t\t\t\t\t\t<PageAttributesPanel />\n\t\t\t\t\t\t\t\t\t\t<PostSyncStatus />\n\t\t\t\t\t\t\t\t\t\t<BlogTitle />\n\t\t\t\t\t\t\t\t\t\t<PostsPerPage />\n\t\t\t\t\t\t\t\t\t\t<SiteDiscussion />\n\t\t\t\t\t\t\t\t\t\t<PostFormatPanel />\n\t\t\t\t\t\t\t\t\t\t<PostStickyPanel />\n\t\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t\t\t<TemplateAreas />\n\t\t\t\t\t\t\t\t\t{ fills }\n\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</PluginPostStatusInfo.Slot>\n\t\t</PostPanelSection>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,qBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,YAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,cAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,uBAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,OAAA,GAAAL,sBAAA,CAAAH,OAAA;AACA,IAAAS,OAAA,GAAAN,sBAAA,CAAAH,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,OAAA,GAAAR,sBAAA,CAAAH,OAAA;AACA,IAAAY,OAAA,GAAAT,sBAAA,CAAAH,OAAA;AACA,IAAAa,oBAAA,GAAAV,sBAAA,CAAAH,OAAA;AACA,IAAAc,iBAAA,GAAAX,sBAAA,CAAAH,OAAA;AACA,IAAAe,OAAA,GAAAZ,sBAAA,CAAAH,OAAA;AACA,IAAAgB,WAAA,GAAAb,sBAAA,CAAAH,OAAA;AACA,IAAAiB,WAAA,GAAAd,sBAAA,CAAAH,OAAA;AACA,IAAAkB,eAAA,GAAAf,sBAAA,CAAAH,OAAA;AACA,IAAAmB,OAAA,GAAAhB,sBAAA,CAAAH,OAAA;AACA,IAAAoB,OAAA,GAAAjB,sBAAA,CAAAH,OAAA;AACA,IAAAqB,UAAA,GAAAlB,sBAAA,CAAAH,OAAA;AACA,IAAAsB,aAAA,GAAAnB,sBAAA,CAAAH,OAAA;AACA,IAAAuB,eAAA,GAAApB,sBAAA,CAAAH,OAAA;AACA,IAAAwB,MAAA,GAAAxB,OAAA;AACA,IAAAyB,cAAA,GAAAtB,sBAAA,CAAAH,OAAA;AAA8C,IAAA0B,WAAA,GAAA1B,OAAA;AA/B9C;AACA;AACA;;AAIA;AACA;AACA;;AAyBA;AACA;AACA,GACA,MAAM2B,UAAU,GAAG,aAAa;AAEjB,SAASC,WAAWA,CAAE;EAAEC;AAAkB,CAAC,EAAG;EAC5D,MAAM;IAAEC;EAAyB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC7D;IACA;IACA,MAAM;MAAEC,oBAAoB;MAAEC;IAAmB,CAAC,GACjDF,MAAM,CAAEG,YAAY,CAAC;IACtB,OAAO;MACNL,wBAAwB,EAAEG,oBAAoB,CAAEN,UAAW,CAAC;MAC5DS,QAAQ,EAAEF,kBAAkB,CAAC;IAC9B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,oBACC,IAAAR,WAAA,CAAAW,GAAA,EAACvB,iBAAA,CAAAwB,OAAgB;IAACC,SAAS,EAAC,qBAAqB;IAAAC,QAAA,eAChD,IAAAd,WAAA,CAAAW,GAAA,EAACnC,qBAAA,CAAAoC,OAAoB,CAACG,IAAI;MAAAD,QAAA,EACrBE,KAAK,iBACR,IAAAhB,WAAA,CAAAW,GAAA,EAAAX,WAAA,CAAAiB,QAAA;QAAAH,QAAA,eACC,IAAAd,WAAA,CAAAkB,IAAA,EAAC7C,WAAA,CAAA8C,oBAAM;UAACC,OAAO,EAAG,CAAG;UAAAN,QAAA,gBACpB,IAAAd,WAAA,CAAAW,GAAA,EAAC/B,cAAA,CAAAgC,OAAa;YACbS,OAAO,eACN,IAAArB,WAAA,CAAAW,GAAA,EAACjC,YAAA,CAAAkC,OAAW;cACXT,iBAAiB,EAAGA;YAAmB,CACvC;UACD,CACD,CAAC,eACF,IAAAH,WAAA,CAAAW,GAAA,EAAC1B,OAAA,CAAA2B,OAAsB;YAACU,aAAa,EAAG;UAAO,CAAE,CAAC,eAClD,IAAAtB,WAAA,CAAAW,GAAA,EAAC3B,OAAA,CAAAuC,uBAAgB,IAAE,CAAC,eACpB,IAAAvB,WAAA,CAAAkB,IAAA,EAAC7C,WAAA,CAAA8C,oBAAM;YAACC,OAAO,EAAG,CAAG;YAAAN,QAAA,gBACpB,IAAAd,WAAA,CAAAW,GAAA,EAAC9B,uBAAA,CAAA+B,OAAsB,IAAE,CAAC,eAC1B,IAAAZ,WAAA,CAAAW,GAAA,EAACxB,oBAAA,CAAAyB,OAAmB,IAAE,CAAC;UAAA,CAChB,CAAC,EACP,CAAER,wBAAwB,iBAC3B,IAAAJ,WAAA,CAAAkB,IAAA,EAAC7C,WAAA,CAAA8C,oBAAM;YAACC,OAAO,EAAG,CAAG;YAAAN,QAAA,gBACpB,IAAAd,WAAA,CAAAkB,IAAA,EAAC7C,WAAA,CAAA8C,oBAAM;cAACC,OAAO,EAAG,CAAG;cAAAN,QAAA,gBACpB,IAAAd,WAAA,CAAAW,GAAA,EAACrB,WAAA,CAAAsB,OAAe,IAAE,CAAC,eACnB,IAAAZ,WAAA,CAAAW,GAAA,EAACtB,OAAA,CAAAuB,OAAiB,IAAE,CAAC,eACrB,IAAAZ,WAAA,CAAAW,GAAA,EAACjB,OAAA,CAAAkB,OAAY,IAAE,CAAC,eAChB,IAAAZ,WAAA,CAAAW,GAAA,EAAChC,MAAA,CAAAiC,OAAe,IAAE,CAAC,eACnB,IAAAZ,WAAA,CAAAW,GAAA,EAAClB,OAAA,CAAAmB,OAAiB,IAAE,CAAC,eACrB,IAAAZ,WAAA,CAAAW,GAAA,EAAC5B,OAAA,CAAA6B,OAAmB,IAAE,CAAC,eACvB,IAAAZ,WAAA,CAAAW,GAAA,EAAC7B,OAAA,CAAA8B,OAAmB,IAAE,CAAC,eACvB,IAAAZ,WAAA,CAAAW,GAAA,EAACnB,eAAA,CAAAoB,OAAc,IAAE,CAAC,eAClB,IAAAZ,WAAA,CAAAW,GAAA,EAAChB,UAAA,CAAAiB,OAAS,IAAE,CAAC,eACb,IAAAZ,WAAA,CAAAW,GAAA,EAACf,aAAA,CAAAgB,OAAY,IAAE,CAAC,eAChB,IAAAZ,WAAA,CAAAW,GAAA,EAACd,eAAA,CAAAe,OAAc,IAAE,CAAC,eAClB,IAAAZ,WAAA,CAAAW,GAAA,EAACzB,OAAA,CAAA0B,OAAe,IAAE,CAAC,eACnB,IAAAZ,WAAA,CAAAW,GAAA,EAACpB,WAAA,CAAAqB,OAAe,IAAE,CAAC;YAAA,CACZ,CAAC,eACT,IAAAZ,WAAA,CAAAW,GAAA,EAACZ,cAAA,CAAAa,OAAa,IAAE,CAAC,EACfI,KAAK;UAAA,CACA,CACR;QAAA,CACM;MAAC,CACR;IACF,CACyB;EAAC,CACX,CAAC;AAErB","ignoreList":[]}

package/build/components/site-discussion/index.js

@@ -0,0 +1,133 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SiteDiscussion;
+var _i18n = require("@wordpress/i18n");
+var _data = require("@wordpress/data");
+var _coreData = require("@wordpress/core-data");
+var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
+var _blockEditor = require("@wordpress/block-editor");
+var _constants = require("../../store/constants");
+var _postPanelRow = _interopRequireDefault(require("../post-panel-row"));
+var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const COMMENT_OPTIONS = [{
+  label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _i18n.__)('Open'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+      variant: "muted",
+      size: 12,
+      children: (0, _i18n.__)('Visitors can add new comments and replies.')
+    })]
+  }),
+  value: 'open'
+}, {
+  label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _i18n.__)('Closed'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+      variant: "muted",
+      size: 12,
+      children: (0, _i18n.__)('Visitors cannot add new comments or replies.')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+      variant: "muted",
+      size: 12,
+      children: (0, _i18n.__)('Existing comments remain visible.')
+    })]
+  }),
+  value: ''
+}];
+function SiteDiscussion() {
+  const {
+    editEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
+  const {
+    allowCommentsOnNewPosts,
+    isTemplate,
+    postSlug
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEditedPostAttribute,
+      getCurrentPostType
+    } = select(_store.store);
+    const {
+      getEditedEntityRecord
+    } = select(_coreData.store);
+    const siteSettings = getEditedEntityRecord('root', 'site');
+    return {
+      isTemplate: getCurrentPostType() === _constants.TEMPLATE_POST_TYPE,
+      postSlug: getEditedPostAttribute('slug'),
+      allowCommentsOnNewPosts: siteSettings?.default_comment_status || ''
+    };
+  }, []);
+  // Use internal state instead of a ref to make sure that the component
+  // re-renders when the popover's anchor updates.
+  const [popoverAnchor, setPopoverAnchor] = (0, _element.useState)(null);
+  // Memoize popoverProps to avoid returning a new object every time.
+  const popoverProps = (0, _element.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', undefined, {
+      default_comment_status: newValue ? 'open' : null
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_postPanelRow.default, {
+    label: (0, _i18n.__)('Discussion'),
+    ref: setPopoverAnchor,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
+      popoverProps: popoverProps,
+      contentClassName: "editor-site-discussion-dropdown__content",
+      focusOnMount: true,
+      renderToggle: ({
+        isOpen,
+        onToggle
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        size: "compact",
+        variant: "tertiary",
+        "aria-expanded": isOpen,
+        "aria-label": (0, _i18n.__)('Change discussion settings'),
+        onClick: onToggle,
+        children: allowCommentsOnNewPosts ? (0, _i18n.__)('Comments open') : (0, _i18n.__)('Comments closed')
+      }),
+      renderContent: ({
+        onClose
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalInspectorPopoverHeader, {
+          title: (0, _i18n.__)('Discussion'),
+          onClose: onClose
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+          spacing: 3,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+            children: (0, _i18n.__)('Changes will apply to new posts only. Individual posts may override these settings.')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RadioControl, {
+            className: "editor-site-discussion__options",
+            hideLabelFromVision: true,
+            label: (0, _i18n.__)('Comment status'),
+            options: COMMENT_OPTIONS,
+            onChange: setAllowCommentsOnNewPosts,
+            selected: allowCommentsOnNewPosts
+          })]
+        })]
+      })
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/build/components/site-discussion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_data","_coreData","_components","_element","_blockEditor","_constants","_postPanelRow","_interopRequireDefault","_store","_jsxRuntime","COMMENT_OPTIONS","label","jsxs","Fragment","children","__","jsx","__experimentalText","variant","size","value","SiteDiscussion","editEntityRecord","useDispatch","coreStore","allowCommentsOnNewPosts","isTemplate","postSlug","useSelect","select","getEditedPostAttribute","getCurrentPostType","editorStore","getEditedEntityRecord","siteSettings","TEMPLATE_POST_TYPE","default_comment_status","popoverAnchor","setPopoverAnchor","useState","popoverProps","useMemo","anchor","placement","offset","shift","includes","setAllowCommentsOnNewPosts","newValue","undefined","default","ref","Dropdown","contentClassName","focusOnMount","renderToggle","isOpen","onToggle","Button","onClick","renderContent","onClose","__experimentalInspectorPopoverHeader","title","__experimentalVStack","spacing","RadioControl","className","hideLabelFromVision","options","onChange","selected"],"sources":["@wordpress/editor/src/components/site-discussion/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tButton,\n\tDropdown,\n\tRadioControl,\n\t__experimentalVStack as VStack,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { useState, useMemo } from '@wordpress/element';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { TEMPLATE_POST_TYPE } from '../../store/constants';\nimport PostPanelRow from '../post-panel-row';\nimport { store as editorStore } from '../../store';\n\nconst COMMENT_OPTIONS = [\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Open' ) }\n\t\t\t\t<Text variant=\"muted\" size={ 12 }>\n\t\t\t\t\t{ __( 'Visitors can add new comments and replies.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'open',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Closed' ) }\n\t\t\t\t<Text variant=\"muted\" size={ 12 }>\n\t\t\t\t\t{ __( 'Visitors cannot add new comments or replies.' ) }\n\t\t\t\t</Text>\n\t\t\t\t<Text variant=\"muted\" size={ 12 }>\n\t\t\t\t\t{ __( 'Existing comments remain visible.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: '',\n\t},\n];\n\nexport default function SiteDiscussion() {\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst { allowCommentsOnNewPosts, isTemplate, postSlug } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedPostAttribute, getCurrentPostType } =\n\t\t\t\tselect( editorStore );\n\t\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\t\tconst siteSettings = getEditedEntityRecord( 'root', 'site' );\n\t\t\treturn {\n\t\t\t\tisTemplate: getCurrentPostType() === TEMPLATE_POST_TYPE,\n\t\t\t\tpostSlug: getEditedPostAttribute( 'slug' ),\n\t\t\t\tallowCommentsOnNewPosts:\n\t\t\t\t\tsiteSettings?.default_comment_status || '',\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\tplacement: 'left-start',\n\t\t\toffset: 36,\n\t\t\tshift: true,\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\tif ( ! isTemplate || ! [ 'home', 'index' ].includes( postSlug ) ) {\n\t\treturn null;\n\t}\n\tconst setAllowCommentsOnNewPosts = ( newValue ) => {\n\t\teditEntityRecord( 'root', 'site', undefined, {\n\t\t\tdefault_comment_status: newValue ? 'open' : null,\n\t\t} );\n\t};\n\treturn (\n\t\t<PostPanelRow label={ __( 'Discussion' ) } ref={ setPopoverAnchor }>\n\t\t\t<Dropdown\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tcontentClassName=\"editor-site-discussion-dropdown__content\"\n\t\t\t\tfocusOnMount\n\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\taria-label={ __( 'Change discussion settings' ) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ allowCommentsOnNewPosts\n\t\t\t\t\t\t\t? __( 'Comments open' )\n\t\t\t\t\t\t\t: __( 'Comments closed' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<InspectorPopoverHeader\n\t\t\t\t\t\t\ttitle={ __( 'Discussion' ) }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Changes will apply to new posts only. Individual posts may override these settings.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<RadioControl\n\t\t\t\t\t\t\t\tclassName=\"editor-site-discussion__options\"\n\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\tlabel={ __( 'Comment status' ) }\n\t\t\t\t\t\t\t\toptions={ COMMENT_OPTIONS }\n\t\t\t\t\t\t\t\tonChange={ setAllowCommentsOnNewPosts }\n\t\t\t\t\t\t\t\tselected={ allowCommentsOnNewPosts }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</PostPanelRow>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/start-page-options/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = StartPageOptions;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
@@ -14,6 +13,8 @@ var _compose = require("@wordpress/compose");
 var _coreData = require("@wordpress/core-data");
 var _blocks = require("@wordpress/blocks");
 var _store = require("../../store");
+var _constants = require("../../store/constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -73,7 +74,7 @@ function PatternSelection({
       postId: getCurrentPostId()
     };
   }, []);
-  return (0, _react.createElement)(_blockEditor.__experimentalBlockPatternsList, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalBlockPatternsList, {
     blockPatterns: blockPatterns,
     shownPatterns: shownBlockPatterns,
     onClickPattern: (_pattern, blocks) => {
@@ -95,16 +96,18 @@ function StartPageOptionsModal({
   if (!hasStartPattern) {
     return null;
   }
-  return (0, _react.createElement)(_components.Modal, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, {
     title: (0, _i18n.__)('Choose a pattern'),
     isFullScreen: true,
-    onRequestClose: onClose
-  }, (0, _react.createElement)("div", {
-    className: "editor-start-page-options__modal-content"
-  }, (0, _react.createElement)(PatternSelection, {
-    blockPatterns: startPatterns,
-    onChoosePattern: onClose
-  })));
+    onRequestClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "editor-start-page-options__modal-content",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PatternSelection, {
+        blockPatterns: startPatterns,
+        onChoosePattern: onClose
+      })
+    })
+  });
 }
 function StartPageOptions() {
   const [isClosed, setIsClosed] = (0, _element.useState)(false);
@@ -117,15 +120,12 @@ function StartPageOptions() {
       isEditedPostDirty,
       isEditedPostEmpty,
       getCurrentPostType,
-      getCurrentPostId,
-      getEditorSettings
+      getCurrentPostId
     } = select(_store.store);
-    const {
-      __unstableIsPreviewMode: isPreviewMode
-    } = getEditorSettings();
+    const _postType = getCurrentPostType();
     return {
-      shouldEnableModal: !isPreviewMode && !isEditedPostDirty() && isEditedPostEmpty(),
-      postType: getCurrentPostType(),
+      shouldEnableModal: !isEditedPostDirty() && isEditedPostEmpty() && _constants.TEMPLATE_POST_TYPE !== _postType,
+      postType: _postType,
       postId: getCurrentPostId()
     };
   }, []);
@@ -136,7 +136,7 @@ function StartPageOptions() {
   if (!shouldEnableModal || isClosed) {
     return null;
   }
-  return (0, _react.createElement)(StartPageOptionsModal, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StartPageOptionsModal, {
     onClose: () => setIsClosed(true)
   });
 }