@wordpress/edit-post 7.24.0 → 7.25.0

package/build-module/components/preferences-modal/index.js

@@ -53,68 +53,30 @@ export default function EditPostPreferencesModal() {
     setIsListViewOpened(false);
     closeGeneralSidebar();
   };
+  const turnOffDistractionFree = () => {
+    setPreference('core/edit-post', 'distractionFree', false);
+  };
   const sections = useMemo(() => [{
     name: 'general',
     tabLabel: __('General'),
     content: createElement(Fragment, null, isLargeViewport && createElement(PreferencesModalSection, {
-      title: __('Publishing'),
-      description: __('Change options related to publishing.')
+      title: __('Publishing')
     }, createElement(EnablePublishSidebarOption, {
       help: __('Review settings, such as visibility and tags.'),
-      label: __('Include pre-publish checklist')
+      label: __('Enable pre-publish flow')
     })), createElement(PreferencesModalSection, {
-      title: __('Appearance'),
-      description: __('Customize options related to the block editor interface and editing flow.')
+      title: __('Interface')
     }, createElement(EnableFeature, {
-      featureName: "distractionFree",
-      onToggle: toggleDistractionFree,
-      help: __('Reduce visual distractions by hiding the toolbar and other elements to focus on writing.'),
-      label: __('Distraction free')
-    }), createElement(EnableFeature, {
-      featureName: "focusMode",
-      help: __('Highlights the current block and fades other content.'),
-      label: __('Spotlight mode')
-    }), createElement(EnableFeature, {
-      featureName: "showIconLabels",
-      label: __('Show button text labels'),
-      help: __('Show text instead of icons on buttons.')
-    }), createElement(EnableFeature, {
       featureName: "showListViewByDefault",
       help: __('Opens the block list view sidebar by default.'),
       label: __('Always open list view')
-    }), createElement(EnableFeature, {
-      featureName: "themeStyles",
-      help: __('Make the editor look like your theme.'),
-      label: __('Use theme styles')
     }), showBlockBreadcrumbsOption && createElement(EnableFeature, {
       featureName: "showBlockBreadcrumbs",
-      help: __('Shows block breadcrumbs at the bottom of the editor.'),
-      label: __('Display block breadcrumbs')
-    })))
-  }, {
-    name: 'blocks',
-    tabLabel: __('Blocks'),
-    content: createElement(Fragment, null, createElement(PreferencesModalSection, {
-      title: __('Block interactions'),
-      description: __('Customize how you interact with blocks in the block library and editing canvas.')
-    }, createElement(EnableFeature, {
-      featureName: "mostUsedBlocks",
-      help: __('Places the most frequent blocks in the block library.'),
-      label: __('Show most used blocks')
-    }), createElement(EnableFeature, {
-      featureName: "keepCaretInsideBlock",
-      help: __('Aids screen readers by stopping text caret from leaving blocks.'),
-      label: __('Contain text cursor inside block')
+      help: __('Display the block hierarchy trail at the bottom of the editor.'),
+      label: __('Show block breadcrumbs')
     })), createElement(PreferencesModalSection, {
-      title: __('Visible blocks'),
-      description: __("Disable blocks that you don't want to appear in the inserter. They can always be toggled back on later.")
-    }, createElement(BlockManager, null)))
-  }, {
-    name: 'panels',
-    tabLabel: __('Panels'),
-    content: createElement(Fragment, null, createElement(PreferencesModalSection, {
       title: __('Document settings'),
-      description: __('Choose what displays in the panel.')
+      description: __('Select what settings are shown in the document panel.')
     }, createElement(EnablePluginDocumentSettingPanelOption.Slot, null), createElement(PostTaxonomies, {
       taxonomyWrapper: (content, taxonomy) => createElement(EnablePanelOption, {
         label: taxonomy.labels.menu_name,
@@ -135,9 +97,63 @@ export default function EditPostPreferencesModal() {
       label: __('Page attributes'),
       panelName: "page-attributes"
     }))), createElement(MetaBoxesSection, {
-      title: __('Additional'),
-      description: __('Add extra areas to the editor.')
+      title: __('Advanced')
+    }))
+  }, {
+    name: 'appearance',
+    tabLabel: __('Appearance'),
+    content: createElement(PreferencesModalSection, {
+      title: __('Appearance'),
+      description: __('Customize the editor interface to suit your needs.')
+    }, createElement(EnableFeature, {
+      featureName: "fixedToolbar",
+      onToggle: turnOffDistractionFree,
+      help: __('Access all block and document tools in a single place.'),
+      label: __('Top toolbar')
+    }), createElement(EnableFeature, {
+      featureName: "distractionFree",
+      onToggle: toggleDistractionFree,
+      help: __('Reduce visual distractions by hiding the toolbar and other elements to focus on writing.'),
+      label: __('Distraction free')
+    }), createElement(EnableFeature, {
+      featureName: "focusMode",
+      help: __('Highlights the current block and fades other content.'),
+      label: __('Spotlight mode')
+    }), createElement(EnableFeature, {
+      featureName: "themeStyles",
+      help: __('Make the editor look like your theme.'),
+      label: __('Use theme styles')
     }))
+  }, {
+    name: 'accessibility',
+    tabLabel: __('Accessibility'),
+    content: createElement(Fragment, null, createElement(PreferencesModalSection, {
+      title: __('Navigation'),
+      description: __('Optimize the editing experience for enhanced control.')
+    }, createElement(EnableFeature, {
+      featureName: "keepCaretInsideBlock",
+      help: __('Keeps the text cursor within the block boundaries, aiding users with screen readers by preventing unintentional cursor movement outside the block.'),
+      label: __('Contain text cursor inside block')
+    })), createElement(PreferencesModalSection, {
+      title: __('Interface')
+    }, createElement(EnableFeature, {
+      featureName: "showIconLabels",
+      label: __('Show button text labels'),
+      help: __('Show text instead of icons on buttons across the interface.')
+    })))
+  }, {
+    name: 'blocks',
+    tabLabel: __('Blocks'),
+    content: createElement(Fragment, null, createElement(PreferencesModalSection, {
+      title: __('Inserter')
+    }, createElement(EnableFeature, {
+      featureName: "mostUsedBlocks",
+      help: __('Adds a category with the most frequently used blocks in the inserter.'),
+      label: __('Show most used blocks')
+    })), createElement(PreferencesModalSection, {
+      title: __('Manage block visibility'),
+      description: __("Disable blocks that you don't want to appear in the inserter. They can always be toggled back on later.")
+    }, createElement(BlockManager, null)))
   }], [isLargeViewport, showBlockBreadcrumbsOption]);
   if (!isModalActive) {
     return null;

package/build-module/components/preferences-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","useViewportMatch","useSelect","useDispatch","useMemo","PostTaxonomies","PostExcerptCheck","PageAttributesCheck","PostFeaturedImageCheck","PostTypeSupportCheck","store","editorStore","PreferencesModal","PreferencesModalTabs","PreferencesModalSection","interfaceStore","preferencesStore","EnablePluginDocumentSettingPanelOption","EnablePublishSidebarOption","EnablePanelOption","EnableFeature","MetaBoxesSection","editPostStore","BlockManager","PREFERENCES_MODAL_NAME","EditPostPreferencesModal","isLargeViewport","closeModal","isModalActive","showBlockBreadcrumbsOption","select","getEditorSettings","getEditorMode","isFeatureActive","modalActive","mode","isRichEditingEnabled","richEditingEnabled","isDistractionFreeEnabled","closeGeneralSidebar","setIsListViewOpened","setIsInserterOpened","set","setPreference","toggleDistractionFree","sections","name","tabLabel","content","createElement","Fragment","title","description","help","label","featureName","onToggle","Slot","taxonomyWrapper","taxonomy","labels","menu_name","panelName","slug","supportKeys"],"sources":["@wordpress/edit-post/src/components/preferences-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\n\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport {\n\tPostTaxonomies,\n\tPostExcerptCheck,\n\tPageAttributesCheck,\n\tPostFeaturedImageCheck,\n\tPostTypeSupportCheck,\n\tstore as editorStore,\n} from '@wordpress/editor';\nimport {\n\tPreferencesModal,\n\tPreferencesModalTabs,\n\tPreferencesModalSection,\n\tstore as interfaceStore,\n} from '@wordpress/interface';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\n\nimport {\n\tEnablePluginDocumentSettingPanelOption,\n\tEnablePublishSidebarOption,\n\tEnablePanelOption,\n\tEnableFeature,\n} from './options';\nimport MetaBoxesSection from './meta-boxes-section';\nimport { store as editPostStore } from '../../store';\nimport BlockManager from '../block-manager';\n\nexport const PREFERENCES_MODAL_NAME = 'edit-post/preferences';\n\nexport default function EditPostPreferencesModal() {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst { closeModal } = useDispatch( interfaceStore );\n\tconst [ isModalActive, showBlockBreadcrumbsOption ] = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditorSettings } = select( editorStore );\n\t\t\tconst { getEditorMode, isFeatureActive } = select( editPostStore );\n\t\t\tconst modalActive = select( interfaceStore ).isModalActive(\n\t\t\t\tPREFERENCES_MODAL_NAME\n\t\t\t);\n\t\t\tconst mode = getEditorMode();\n\t\t\tconst isRichEditingEnabled = getEditorSettings().richEditingEnabled;\n\t\t\tconst isDistractionFreeEnabled =\n\t\t\t\tisFeatureActive( 'distractionFree' );\n\t\t\treturn [\n\t\t\t\tmodalActive,\n\t\t\t\t! isDistractionFreeEnabled &&\n\t\t\t\t\tisLargeViewport &&\n\t\t\t\t\tisRichEditingEnabled &&\n\t\t\t\t\tmode === 'visual',\n\t\t\t\tisDistractionFreeEnabled,\n\t\t\t];\n\t\t},\n\t\t[ isLargeViewport ]\n\t);\n\n\tconst { closeGeneralSidebar, setIsListViewOpened, setIsInserterOpened } =\n\t\tuseDispatch( editPostStore );\n\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst toggleDistractionFree = () => {\n\t\tsetPreference( 'core/edit-post', 'fixedToolbar', true );\n\t\tsetIsInserterOpened( false );\n\t\tsetIsListViewOpened( false );\n\t\tcloseGeneralSidebar();\n\t};\n\n\tconst sections = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tname: 'general',\n\t\t\t\ttabLabel: __( 'General' ),\n\t\t\t\tcontent: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t<PreferencesModalSection\n\t\t\t\t\t\t\t\ttitle={ __( 'Publishing' ) }\n\t\t\t\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t\t\t\t'Change options related to publishing.'\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\t<EnablePublishSidebarOption\n\t\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t\t'Review settings, such as visibility and tags.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t'Include pre-publish checklist'\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</PreferencesModalSection>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t<PreferencesModalSection\n\t\t\t\t\t\t\ttitle={ __( 'Appearance' ) }\n\t\t\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t\t\t'Customize options related to the block editor interface and editing flow.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\t\tfeatureName=\"distractionFree\"\n\t\t\t\t\t\t\t\tonToggle={ toggleDistractionFree }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Reduce visual distractions by hiding the toolbar and other elements to focus on writing.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tlabel={ __( 'Distraction free' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\t\tfeatureName=\"focusMode\"\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Highlights the current block and fades other content.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tlabel={ __( 'Spotlight mode' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\t\tfeatureName=\"showIconLabels\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Show button text labels' ) }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Show text instead of icons on buttons.'\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<EnableFeature\n\t\t\t\t\t\t\t\tfeatureName=\"showListViewByDefault\"\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Opens the block list view sidebar by default.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tlabel={ __( 'Always open list view' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\t\tfeatureName=\"themeStyles\"\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Make the editor look like your theme.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tlabel={ __( 'Use theme styles' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ showBlockBreadcrumbsOption && (\n\t\t\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\t\t\tfeatureName=\"showBlockBreadcrumbs\"\n\t\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t\t'Shows block breadcrumbs at the bottom of the editor.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Display block breadcrumbs' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</PreferencesModalSection>\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'blocks',\n\t\t\t\ttabLabel: __( 'Blocks' ),\n\t\t\t\tcontent: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<PreferencesModalSection\n\t\t\t\t\t\t\ttitle={ __( 'Block interactions' ) }\n\t\t\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t\t\t'Customize how you interact with blocks in the block library and editing canvas.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\t\tfeatureName=\"mostUsedBlocks\"\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Places the most frequent blocks in the block library.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tlabel={ __( 'Show most used blocks' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\t\tfeatureName=\"keepCaretInsideBlock\"\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Aids screen readers by stopping text caret from leaving blocks.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</PreferencesModalSection>\n\t\t\t\t\t\t<PreferencesModalSection\n\t\t\t\t\t\t\ttitle={ __( 'Visible blocks' ) }\n\t\t\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t\t\t\"Disable blocks that you don't want to appear in the inserter. They can always be toggled back on later.\"\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockManager />\n\t\t\t\t\t\t</PreferencesModalSection>\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'panels',\n\t\t\t\ttabLabel: __( 'Panels' ),\n\t\t\t\tcontent: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<PreferencesModalSection\n\t\t\t\t\t\t\ttitle={ __( 'Document settings' ) }\n\t\t\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t\t\t'Choose what displays in the panel.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<EnablePluginDocumentSettingPanelOption.Slot />\n\t\t\t\t\t\t\t<PostTaxonomies\n\t\t\t\t\t\t\t\ttaxonomyWrapper={ ( content, taxonomy ) => (\n\t\t\t\t\t\t\t\t\t<EnablePanelOption\n\t\t\t\t\t\t\t\t\t\tlabel={ taxonomy.labels.menu_name }\n\t\t\t\t\t\t\t\t\t\tpanelName={ `taxonomy-panel-${ taxonomy.slug }` }\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<PostFeaturedImageCheck>\n\t\t\t\t\t\t\t\t<EnablePanelOption\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Featured image' ) }\n\t\t\t\t\t\t\t\t\tpanelName=\"featured-image\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</PostFeaturedImageCheck>\n\t\t\t\t\t\t\t<PostExcerptCheck>\n\t\t\t\t\t\t\t\t<EnablePanelOption\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Excerpt' ) }\n\t\t\t\t\t\t\t\t\tpanelName=\"post-excerpt\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</PostExcerptCheck>\n\t\t\t\t\t\t\t<PostTypeSupportCheck\n\t\t\t\t\t\t\t\tsupportKeys={ [ 'comments', 'trackbacks' ] }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<EnablePanelOption\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Discussion' ) }\n\t\t\t\t\t\t\t\t\tpanelName=\"discussion-panel\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</PostTypeSupportCheck>\n\t\t\t\t\t\t\t<PageAttributesCheck>\n\t\t\t\t\t\t\t\t<EnablePanelOption\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Page attributes' ) }\n\t\t\t\t\t\t\t\t\tpanelName=\"page-attributes\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</PageAttributesCheck>\n\t\t\t\t\t\t</PreferencesModalSection>\n\t\t\t\t\t\t<MetaBoxesSection\n\t\t\t\t\t\t\ttitle={ __( 'Additional' ) }\n\t\t\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t\t\t'Add extra areas to the editor.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t},\n\t\t],\n\t\t[ isLargeViewport, showBlockBreadcrumbsOption ]\n\t);\n\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PreferencesModal closeModal={ closeModal }>\n\t\t\t<PreferencesModalTabs sections={ sections } />\n\t\t</PreferencesModal>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["__","useViewportMatch","useSelect","useDispatch","useMemo","PostTaxonomies","PostExcerptCheck","PageAttributesCheck","PostFeaturedImageCheck","PostTypeSupportCheck","store","editorStore","PreferencesModal","PreferencesModalTabs","PreferencesModalSection","interfaceStore","preferencesStore","EnablePluginDocumentSettingPanelOption","EnablePublishSidebarOption","EnablePanelOption","EnableFeature","MetaBoxesSection","editPostStore","BlockManager","PREFERENCES_MODAL_NAME","EditPostPreferencesModal","isLargeViewport","closeModal","isModalActive","showBlockBreadcrumbsOption","select","getEditorSettings","getEditorMode","isFeatureActive","modalActive","mode","isRichEditingEnabled","richEditingEnabled","isDistractionFreeEnabled","closeGeneralSidebar","setIsListViewOpened","setIsInserterOpened","set","setPreference","toggleDistractionFree","turnOffDistractionFree","sections","name","tabLabel","content","createElement","Fragment","title","help","label","featureName","description","Slot","taxonomyWrapper","taxonomy","labels","menu_name","panelName","slug","supportKeys","onToggle"],"sources":["@wordpress/edit-post/src/components/preferences-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\n\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport {\n\tPostTaxonomies,\n\tPostExcerptCheck,\n\tPageAttributesCheck,\n\tPostFeaturedImageCheck,\n\tPostTypeSupportCheck,\n\tstore as editorStore,\n} from '@wordpress/editor';\nimport {\n\tPreferencesModal,\n\tPreferencesModalTabs,\n\tPreferencesModalSection,\n\tstore as interfaceStore,\n} from '@wordpress/interface';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\n\nimport {\n\tEnablePluginDocumentSettingPanelOption,\n\tEnablePublishSidebarOption,\n\tEnablePanelOption,\n\tEnableFeature,\n} from './options';\nimport MetaBoxesSection from './meta-boxes-section';\nimport { store as editPostStore } from '../../store';\nimport BlockManager from '../block-manager';\n\nexport const PREFERENCES_MODAL_NAME = 'edit-post/preferences';\n\nexport default function EditPostPreferencesModal() {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst { closeModal } = useDispatch( interfaceStore );\n\tconst [ isModalActive, showBlockBreadcrumbsOption ] = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditorSettings } = select( editorStore );\n\t\t\tconst { getEditorMode, isFeatureActive } = select( editPostStore );\n\t\t\tconst modalActive = select( interfaceStore ).isModalActive(\n\t\t\t\tPREFERENCES_MODAL_NAME\n\t\t\t);\n\t\t\tconst mode = getEditorMode();\n\t\t\tconst isRichEditingEnabled = getEditorSettings().richEditingEnabled;\n\t\t\tconst isDistractionFreeEnabled =\n\t\t\t\tisFeatureActive( 'distractionFree' );\n\t\t\treturn [\n\t\t\t\tmodalActive,\n\t\t\t\t! isDistractionFreeEnabled &&\n\t\t\t\t\tisLargeViewport &&\n\t\t\t\t\tisRichEditingEnabled &&\n\t\t\t\t\tmode === 'visual',\n\t\t\t\tisDistractionFreeEnabled,\n\t\t\t];\n\t\t},\n\t\t[ isLargeViewport ]\n\t);\n\n\tconst { closeGeneralSidebar, setIsListViewOpened, setIsInserterOpened } =\n\t\tuseDispatch( editPostStore );\n\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst toggleDistractionFree = () => {\n\t\tsetPreference( 'core/edit-post', 'fixedToolbar', true );\n\t\tsetIsInserterOpened( false );\n\t\tsetIsListViewOpened( false );\n\t\tcloseGeneralSidebar();\n\t};\n\n\tconst turnOffDistractionFree = () => {\n\t\tsetPreference( 'core/edit-post', 'distractionFree', false );\n\t};\n\n\tconst sections = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tname: 'general',\n\t\t\t\ttabLabel: __( 'General' ),\n\t\t\t\tcontent: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t<PreferencesModalSection\n\t\t\t\t\t\t\t\ttitle={ __( 'Publishing' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<EnablePublishSidebarOption\n\t\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t\t'Review settings, such as visibility and tags.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Enable pre-publish flow' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</PreferencesModalSection>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<PreferencesModalSection title={ __( 'Interface' ) }>\n\t\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\t\tfeatureName=\"showListViewByDefault\"\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Opens the block list view sidebar by default.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tlabel={ __( 'Always open list view' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ showBlockBreadcrumbsOption && (\n\t\t\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\t\t\tfeatureName=\"showBlockBreadcrumbs\"\n\t\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t\t'Display the block hierarchy trail at the bottom of the editor.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Show block breadcrumbs' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</PreferencesModalSection>\n\t\t\t\t\t\t<PreferencesModalSection\n\t\t\t\t\t\t\ttitle={ __( 'Document settings' ) }\n\t\t\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t\t\t'Select what settings are shown in the document panel.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<EnablePluginDocumentSettingPanelOption.Slot />\n\t\t\t\t\t\t\t<PostTaxonomies\n\t\t\t\t\t\t\t\ttaxonomyWrapper={ ( content, taxonomy ) => (\n\t\t\t\t\t\t\t\t\t<EnablePanelOption\n\t\t\t\t\t\t\t\t\t\tlabel={ taxonomy.labels.menu_name }\n\t\t\t\t\t\t\t\t\t\tpanelName={ `taxonomy-panel-${ taxonomy.slug }` }\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<PostFeaturedImageCheck>\n\t\t\t\t\t\t\t\t<EnablePanelOption\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Featured image' ) }\n\t\t\t\t\t\t\t\t\tpanelName=\"featured-image\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</PostFeaturedImageCheck>\n\t\t\t\t\t\t\t<PostExcerptCheck>\n\t\t\t\t\t\t\t\t<EnablePanelOption\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Excerpt' ) }\n\t\t\t\t\t\t\t\t\tpanelName=\"post-excerpt\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</PostExcerptCheck>\n\t\t\t\t\t\t\t<PostTypeSupportCheck\n\t\t\t\t\t\t\t\tsupportKeys={ [ 'comments', 'trackbacks' ] }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<EnablePanelOption\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Discussion' ) }\n\t\t\t\t\t\t\t\t\tpanelName=\"discussion-panel\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</PostTypeSupportCheck>\n\t\t\t\t\t\t\t<PageAttributesCheck>\n\t\t\t\t\t\t\t\t<EnablePanelOption\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Page attributes' ) }\n\t\t\t\t\t\t\t\t\tpanelName=\"page-attributes\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</PageAttributesCheck>\n\t\t\t\t\t\t</PreferencesModalSection>\n\t\t\t\t\t\t<MetaBoxesSection title={ __( 'Advanced' ) } />\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'appearance',\n\t\t\t\ttabLabel: __( 'Appearance' ),\n\t\t\t\tcontent: (\n\t\t\t\t\t<PreferencesModalSection\n\t\t\t\t\t\ttitle={ __( 'Appearance' ) }\n\t\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t\t'Customize the editor interface to suit your needs.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\tfeatureName=\"fixedToolbar\"\n\t\t\t\t\t\t\tonToggle={ turnOffDistractionFree }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Access all block and document tools in a single place.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tlabel={ __( 'Top toolbar' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\tfeatureName=\"distractionFree\"\n\t\t\t\t\t\t\tonToggle={ toggleDistractionFree }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Reduce visual distractions by hiding the toolbar and other elements to focus on writing.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tlabel={ __( 'Distraction free' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\tfeatureName=\"focusMode\"\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Highlights the current block and fades other content.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tlabel={ __( 'Spotlight mode' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\tfeatureName=\"themeStyles\"\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Make the editor look like your theme.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tlabel={ __( 'Use theme styles' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PreferencesModalSection>\n\t\t\t\t),\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'accessibility',\n\t\t\t\ttabLabel: __( 'Accessibility' ),\n\t\t\t\tcontent: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<PreferencesModalSection\n\t\t\t\t\t\t\ttitle={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t\t\t'Optimize the editing experience for enhanced control.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\t\tfeatureName=\"keepCaretInsideBlock\"\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Keeps the text cursor within the block boundaries, aiding users with screen readers by preventing unintentional cursor movement outside the block.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</PreferencesModalSection>\n\t\t\t\t\t\t<PreferencesModalSection title={ __( 'Interface' ) }>\n\t\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\t\tfeatureName=\"showIconLabels\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Show button text labels' ) }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Show text instead of icons on buttons across the interface.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</PreferencesModalSection>\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'blocks',\n\t\t\t\ttabLabel: __( 'Blocks' ),\n\t\t\t\tcontent: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<PreferencesModalSection title={ __( 'Inserter' ) }>\n\t\t\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\t\t\tfeatureName=\"mostUsedBlocks\"\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Adds a category with the most frequently used blocks in the inserter.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tlabel={ __( 'Show most used blocks' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</PreferencesModalSection>\n\t\t\t\t\t\t<PreferencesModalSection\n\t\t\t\t\t\t\ttitle={ __( 'Manage block visibility' ) }\n\t\t\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t\t\t\"Disable blocks that you don't want to appear in the inserter. They can always be toggled back on later.\"\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockManager />\n\t\t\t\t\t\t</PreferencesModalSection>\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t},\n\t\t],\n\t\t[ isLargeViewport, showBlockBreadcrumbsOption ]\n\t);\n\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PreferencesModal closeModal={ closeModal }>\n\t\t\t<PreferencesModalTabs sections={ sections } />\n\t\t</PreferencesModal>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/sidebar/post-status/index.js

@@ -5,7 +5,7 @@ import { createElement, Fragment } from "react";
 import { __ } from '@wordpress/i18n';
 import { __experimentalHStack as HStack, PanelBody } from '@wordpress/components';
 import { useDispatch, useSelect } from '@wordpress/data';
-import { PostAuthorPanel, PostSchedulePanel, PostSwitchToDraftButton, PostSyncStatus, PostURLPanel } from '@wordpress/editor';
+import { PostAuthorPanel, PostSchedulePanel, PostSwitchToDraftButton, PostSyncStatus, PostURLPanel, PostTemplatePanel } from '@wordpress/editor';
 
 /**
  * Internal dependencies
@@ -18,7 +18,6 @@ import PostFormat from '../post-format';
 import PostPendingStatus from '../post-pending-status';
 import PluginPostStatusInfo from '../plugin-post-status-info';
 import { store as editPostStore } from '../../../store';
-import PostTemplate from '../post-template';
 
 /**
  * Module Constants
@@ -51,7 +50,7 @@ export default function PostStatus() {
     title: __('Summary'),
     opened: isOpened,
     onToggle: () => toggleEditorPanelOpened(PANEL_NAME)
-  }, createElement(PluginPostStatusInfo.Slot, null, fills => createElement(Fragment, null, createElement(PostVisibility, null), createElement(PostSchedulePanel, null), createElement(PostTemplate, null), createElement(PostURLPanel, null), createElement(PostSyncStatus, null), createElement(PostSticky, null), createElement(PostPendingStatus, null), createElement(PostFormat, null), createElement(PostSlug, null), createElement(PostAuthorPanel, null), fills, createElement(HStack, {
+  }, createElement(PluginPostStatusInfo.Slot, null, fills => createElement(Fragment, null, createElement(PostVisibility, null), createElement(PostSchedulePanel, null), createElement(PostTemplatePanel, null), createElement(PostURLPanel, null), createElement(PostSyncStatus, null), createElement(PostSticky, null), createElement(PostPendingStatus, null), createElement(PostFormat, null), createElement(PostSlug, null), createElement(PostAuthorPanel, null), fills, createElement(HStack, {
     style: {
       marginTop: '16px'
     },

package/build-module/components/sidebar/post-status/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","__experimentalHStack","HStack","PanelBody","useDispatch","useSelect","PostAuthorPanel","PostSchedulePanel","PostSwitchToDraftButton","PostSyncStatus","PostURLPanel","PostVisibility","PostTrash","PostSticky","PostSlug","PostFormat","PostPendingStatus","PluginPostStatusInfo","store","editPostStore","PostTemplate","PANEL_NAME","PostStatus","isOpened","isRemoved","select","isEditorPanelRemoved","isEditorPanelOpened","toggleEditorPanelOpened","createElement","className","title","opened","onToggle","Slot","fills","Fragment","style","marginTop","spacing","wrap"],"sources":["@wordpress/edit-post/src/components/sidebar/post-status/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalHStack as HStack,\n\tPanelBody,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tPostAuthorPanel,\n\tPostSchedulePanel,\n\tPostSwitchToDraftButton,\n\tPostSyncStatus,\n\tPostURLPanel,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport PostVisibility from '../post-visibility';\nimport PostTrash from '../post-trash';\nimport PostSticky from '../post-sticky';\nimport PostSlug from '../post-slug';\nimport PostFormat from '../post-format';\nimport PostPendingStatus from '../post-pending-status';\nimport PluginPostStatusInfo from '../plugin-post-status-info';\nimport { store as editPostStore } from '../../../store';\nimport PostTemplate from '../post-template';\n\n/**\n * Module Constants\n */\nconst PANEL_NAME = 'post-status';\n\nexport default function PostStatus() {\n\tconst { isOpened, isRemoved } = 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, isEditorPanelOpened } =\n\t\t\tselect( editPostStore );\n\t\treturn {\n\t\t\tisRemoved: isEditorPanelRemoved( PANEL_NAME ),\n\t\t\tisOpened: isEditorPanelOpened( PANEL_NAME ),\n\t\t};\n\t}, [] );\n\tconst { toggleEditorPanelOpened } = useDispatch( editPostStore );\n\n\tif ( isRemoved ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PanelBody\n\t\t\tclassName=\"edit-post-post-status\"\n\t\t\ttitle={ __( 'Summary' ) }\n\t\t\topened={ isOpened }\n\t\t\tonToggle={ () => toggleEditorPanelOpened( PANEL_NAME ) }\n\t\t>\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<PostVisibility />\n\t\t\t\t\t\t<PostSchedulePanel />\n\t\t\t\t\t\t<PostTemplate />\n\t\t\t\t\t\t<PostURLPanel />\n\t\t\t\t\t\t<PostSyncStatus />\n\t\t\t\t\t\t<PostSticky />\n\t\t\t\t\t\t<PostPendingStatus />\n\t\t\t\t\t\t<PostFormat />\n\t\t\t\t\t\t<PostSlug />\n\t\t\t\t\t\t<PostAuthorPanel />\n\t\t\t\t\t\t{ fills }\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmarginTop: '16px',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tspacing={ 4 }\n\t\t\t\t\t\t\twrap\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<PostSwitchToDraftButton />\n\t\t\t\t\t\t\t<PostTrash />\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</PluginPostStatusInfo.Slot>\n\t\t</PanelBody>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,oBAAoB,IAAIC,MAAM,EAC9BC,SAAS,QACH,uBAAuB;AAC9B,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SACCC,eAAe,EACfC,iBAAiB,EACjBC,uBAAuB,EACvBC,cAAc,EACdC,YAAY,QACN,mBAAmB;;AAE1B;AACA;AACA;AACA,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,QAAQ,MAAM,cAAc;AACnC,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,iBAAiB,MAAM,wBAAwB;AACtD,OAAOC,oBAAoB,MAAM,4BAA4B;AAC7D,SAASC,KAAK,IAAIC,aAAa,QAAQ,gBAAgB;AACvD,OAAOC,YAAY,MAAM,kBAAkB;;AAE3C;AACA;AACA;AACA,MAAMC,UAAU,GAAG,aAAa;AAEhC,eAAe,SAASC,UAAUA,CAAA,EAAG;EACpC,MAAM;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGnB,SAAS,CAAIoB,MAAM,IAAM;IACxD;IACA;IACA,MAAM;MAAEC,oBAAoB;MAAEC;IAAoB,CAAC,GAClDF,MAAM,CAAEN,aAAc,CAAC;IACxB,OAAO;MACNK,SAAS,EAAEE,oBAAoB,CAAEL,UAAW,CAAC;MAC7CE,QAAQ,EAAEI,mBAAmB,CAAEN,UAAW;IAC3C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEO;EAAwB,CAAC,GAAGxB,WAAW,CAAEe,aAAc,CAAC;EAEhE,IAAKK,SAAS,EAAG;IAChB,OAAO,IAAI;EACZ;EAEA,OACCK,aAAA,CAAC1B,SAAS;IACT2B,SAAS,EAAC,uBAAuB;IACjCC,KAAK,EAAG/B,EAAE,CAAE,SAAU,CAAG;IACzBgC,MAAM,EAAGT,QAAU;IACnBU,QAAQ,EAAGA,CAAA,KAAML,uBAAuB,CAAEP,UAAW;EAAG,GAExDQ,aAAA,CAACZ,oBAAoB,CAACiB,IAAI,QACrBC,KAAK,IACRN,aAAA,CAAAO,QAAA,QACCP,aAAA,CAAClB,cAAc,MAAE,CAAC,EAClBkB,aAAA,CAACtB,iBAAiB,MAAE,CAAC,EACrBsB,aAAA,CAACT,YAAY,MAAE,CAAC,EAChBS,aAAA,CAACnB,YAAY,MAAE,CAAC,EAChBmB,aAAA,CAACpB,cAAc,MAAE,CAAC,EAClBoB,aAAA,CAAChB,UAAU,MAAE,CAAC,EACdgB,aAAA,CAACb,iBAAiB,MAAE,CAAC,EACrBa,aAAA,CAACd,UAAU,MAAE,CAAC,EACdc,aAAA,CAACf,QAAQ,MAAE,CAAC,EACZe,aAAA,CAACvB,eAAe,MAAE,CAAC,EACjB6B,KAAK,EACPN,aAAA,CAAC3B,MAAM;IACNmC,KAAK,EAAG;MACPC,SAAS,EAAE;IACZ,CAAG;IACHC,OAAO,EAAG,CAAG;IACbC,IAAI;EAAA,GAEJX,aAAA,CAACrB,uBAAuB,MAAE,CAAC,EAC3BqB,aAAA,CAACjB,SAAS,MAAE,CACL,CACP,CAEuB,CACjB,CAAC;AAEd"}
+{"version":3,"names":["__","__experimentalHStack","HStack","PanelBody","useDispatch","useSelect","PostAuthorPanel","PostSchedulePanel","PostSwitchToDraftButton","PostSyncStatus","PostURLPanel","PostTemplatePanel","PostVisibility","PostTrash","PostSticky","PostSlug","PostFormat","PostPendingStatus","PluginPostStatusInfo","store","editPostStore","PANEL_NAME","PostStatus","isOpened","isRemoved","select","isEditorPanelRemoved","isEditorPanelOpened","toggleEditorPanelOpened","createElement","className","title","opened","onToggle","Slot","fills","Fragment","style","marginTop","spacing","wrap"],"sources":["@wordpress/edit-post/src/components/sidebar/post-status/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalHStack as HStack,\n\tPanelBody,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tPostAuthorPanel,\n\tPostSchedulePanel,\n\tPostSwitchToDraftButton,\n\tPostSyncStatus,\n\tPostURLPanel,\n\tPostTemplatePanel,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport PostVisibility from '../post-visibility';\nimport PostTrash from '../post-trash';\nimport PostSticky from '../post-sticky';\nimport PostSlug from '../post-slug';\nimport PostFormat from '../post-format';\nimport PostPendingStatus from '../post-pending-status';\nimport PluginPostStatusInfo from '../plugin-post-status-info';\nimport { store as editPostStore } from '../../../store';\n\n/**\n * Module Constants\n */\nconst PANEL_NAME = 'post-status';\n\nexport default function PostStatus() {\n\tconst { isOpened, isRemoved } = 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, isEditorPanelOpened } =\n\t\t\tselect( editPostStore );\n\t\treturn {\n\t\t\tisRemoved: isEditorPanelRemoved( PANEL_NAME ),\n\t\t\tisOpened: isEditorPanelOpened( PANEL_NAME ),\n\t\t};\n\t}, [] );\n\tconst { toggleEditorPanelOpened } = useDispatch( editPostStore );\n\n\tif ( isRemoved ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PanelBody\n\t\t\tclassName=\"edit-post-post-status\"\n\t\t\ttitle={ __( 'Summary' ) }\n\t\t\topened={ isOpened }\n\t\t\tonToggle={ () => toggleEditorPanelOpened( PANEL_NAME ) }\n\t\t>\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<PostVisibility />\n\t\t\t\t\t\t<PostSchedulePanel />\n\t\t\t\t\t\t<PostTemplatePanel />\n\t\t\t\t\t\t<PostURLPanel />\n\t\t\t\t\t\t<PostSyncStatus />\n\t\t\t\t\t\t<PostSticky />\n\t\t\t\t\t\t<PostPendingStatus />\n\t\t\t\t\t\t<PostFormat />\n\t\t\t\t\t\t<PostSlug />\n\t\t\t\t\t\t<PostAuthorPanel />\n\t\t\t\t\t\t{ fills }\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmarginTop: '16px',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tspacing={ 4 }\n\t\t\t\t\t\t\twrap\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<PostSwitchToDraftButton />\n\t\t\t\t\t\t\t<PostTrash />\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</PluginPostStatusInfo.Slot>\n\t\t</PanelBody>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,oBAAoB,IAAIC,MAAM,EAC9BC,SAAS,QACH,uBAAuB;AAC9B,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SACCC,eAAe,EACfC,iBAAiB,EACjBC,uBAAuB,EACvBC,cAAc,EACdC,YAAY,EACZC,iBAAiB,QACX,mBAAmB;;AAE1B;AACA;AACA;AACA,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,QAAQ,MAAM,cAAc;AACnC,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,iBAAiB,MAAM,wBAAwB;AACtD,OAAOC,oBAAoB,MAAM,4BAA4B;AAC7D,SAASC,KAAK,IAAIC,aAAa,QAAQ,gBAAgB;;AAEvD;AACA;AACA;AACA,MAAMC,UAAU,GAAG,aAAa;AAEhC,eAAe,SAASC,UAAUA,CAAA,EAAG;EACpC,MAAM;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGnB,SAAS,CAAIoB,MAAM,IAAM;IACxD;IACA;IACA,MAAM;MAAEC,oBAAoB;MAAEC;IAAoB,CAAC,GAClDF,MAAM,CAAEL,aAAc,CAAC;IACxB,OAAO;MACNI,SAAS,EAAEE,oBAAoB,CAAEL,UAAW,CAAC;MAC7CE,QAAQ,EAAEI,mBAAmB,CAAEN,UAAW;IAC3C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEO;EAAwB,CAAC,GAAGxB,WAAW,CAAEgB,aAAc,CAAC;EAEhE,IAAKI,SAAS,EAAG;IAChB,OAAO,IAAI;EACZ;EAEA,OACCK,aAAA,CAAC1B,SAAS;IACT2B,SAAS,EAAC,uBAAuB;IACjCC,KAAK,EAAG/B,EAAE,CAAE,SAAU,CAAG;IACzBgC,MAAM,EAAGT,QAAU;IACnBU,QAAQ,EAAGA,CAAA,KAAML,uBAAuB,CAAEP,UAAW;EAAG,GAExDQ,aAAA,CAACX,oBAAoB,CAACgB,IAAI,QACrBC,KAAK,IACRN,aAAA,CAAAO,QAAA,QACCP,aAAA,CAACjB,cAAc,MAAE,CAAC,EAClBiB,aAAA,CAACtB,iBAAiB,MAAE,CAAC,EACrBsB,aAAA,CAAClB,iBAAiB,MAAE,CAAC,EACrBkB,aAAA,CAACnB,YAAY,MAAE,CAAC,EAChBmB,aAAA,CAACpB,cAAc,MAAE,CAAC,EAClBoB,aAAA,CAACf,UAAU,MAAE,CAAC,EACde,aAAA,CAACZ,iBAAiB,MAAE,CAAC,EACrBY,aAAA,CAACb,UAAU,MAAE,CAAC,EACda,aAAA,CAACd,QAAQ,MAAE,CAAC,EACZc,aAAA,CAACvB,eAAe,MAAE,CAAC,EACjB6B,KAAK,EACPN,aAAA,CAAC3B,MAAM;IACNmC,KAAK,EAAG;MACPC,SAAS,EAAE;IACZ,CAAG;IACHC,OAAO,EAAG,CAAG;IACbC,IAAI;EAAA,GAEJX,aAAA,CAACrB,uBAAuB,MAAE,CAAC,EAC3BqB,aAAA,CAAChB,SAAS,MAAE,CACL,CACP,CAEuB,CACjB,CAAC;AAEd"}

package/build-module/components/sidebar/settings-header/index.js

@@ -2,65 +2,39 @@ import { createElement } from "react";
 /**
  * WordPress dependencies
  */
-import { Button } from '@wordpress/components';
-import { __, _x, sprintf } from '@wordpress/i18n';
-import { useDispatch, useSelect } from '@wordpress/data';
+import { privateApis as componentsPrivateApis } from '@wordpress/components';
+import { __, _x } from '@wordpress/i18n';
+import { useSelect } from '@wordpress/data';
 import { store as editorStore } from '@wordpress/editor';
 
 /**
  * Internal dependencies
  */
-import { store as editPostStore } from '../../../store';
-const SettingsHeader = ({
-  sidebarName
-}) => {
-  const {
-    openGeneralSidebar
-  } = useDispatch(editPostStore);
-  const openDocumentSettings = () => openGeneralSidebar('edit-post/document');
-  const openBlockSettings = () => openGeneralSidebar('edit-post/block');
+import { unlock } from '../../../lock-unlock';
+import { sidebars } from '../settings-sidebar';
+const {
+  Tabs
+} = unlock(componentsPrivateApis);
+const SettingsHeader = () => {
   const {
     documentLabel,
     isTemplateMode
   } = useSelect(select => {
-    const postTypeLabel = select(editorStore).getPostTypeLabel();
+    const {
+      getPostTypeLabel,
+      getRenderingMode
+    } = select(editorStore);
     return {
       // translators: Default label for the Document sidebar tab, not selected.
-      documentLabel: postTypeLabel || _x('Document', 'noun'),
-      isTemplateMode: select(editPostStore).isEditingTemplate()
+      documentLabel: getPostTypeLabel() || _x('Document', 'noun'),
+      isTemplateMode: getRenderingMode() === 'template-only'
     };
   }, []);
-  const [documentAriaLabel, documentActiveClass] = sidebarName === 'edit-post/document' ?
-  // translators: ARIA label for the Document sidebar tab, selected. %s: Document label.
-  [sprintf(__('%s (selected)'), documentLabel), 'is-active'] : [documentLabel, ''];
-  const [blockAriaLabel, blockActiveClass] = sidebarName === 'edit-post/block' ?
-  // translators: ARIA label for the Block Settings Sidebar tab, selected.
-  [__('Block (selected)'), 'is-active'] :
-  // translators: ARIA label for the Block Settings Sidebar tab, not selected.
-  [__('Block'), ''];
-  const [templateAriaLabel, templateActiveClass] = sidebarName === 'edit-post/document' ? [__('Template (selected)'), 'is-active'] : [__('Template'), ''];
-
-  /* Use a list so screen readers will announce how many tabs there are. */
-  return createElement("ul", null, !isTemplateMode && createElement("li", null, createElement(Button, {
-    onClick: openDocumentSettings,
-    className: `edit-post-sidebar__panel-tab ${documentActiveClass}`,
-    "aria-label": documentAriaLabel,
-    "data-label": documentLabel
-  }, documentLabel)), isTemplateMode && createElement("li", null, createElement(Button, {
-    onClick: openDocumentSettings,
-    className: `edit-post-sidebar__panel-tab ${templateActiveClass}`,
-    "aria-label": templateAriaLabel,
-    "data-label": __('Template')
-  }, __('Template'))), createElement("li", null, createElement(Button, {
-    onClick: openBlockSettings,
-    className: `edit-post-sidebar__panel-tab ${blockActiveClass}`,
-    "aria-label": blockAriaLabel
-    // translators: Data label for the Block Settings Sidebar tab.
-    ,
-    "data-label": __('Block')
-  },
-  // translators: Text label for the Block Settings Sidebar tab.
-  __('Block'))));
+  return createElement(Tabs.TabList, null, createElement(Tabs.Tab, {
+    tabId: sidebars.document
+  }, isTemplateMode ? __('Template') : documentLabel), createElement(Tabs.Tab, {
+    tabId: sidebars.block
+  }, __('Block')));
 };
 export default SettingsHeader;
 //# sourceMappingURL=index.js.map

package/build-module/components/sidebar/settings-header/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","__","_x","sprintf","useDispatch","useSelect","store","editorStore","editPostStore","SettingsHeader","sidebarName","openGeneralSidebar","openDocumentSettings","openBlockSettings","documentLabel","isTemplateMode","select","postTypeLabel","getPostTypeLabel","isEditingTemplate","documentAriaLabel","documentActiveClass","blockAriaLabel","blockActiveClass","templateAriaLabel","templateActiveClass","createElement","onClick","className"],"sources":["@wordpress/edit-post/src/components/sidebar/settings-header/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\nconst SettingsHeader = ( { sidebarName } ) => {\n\tconst { openGeneralSidebar } = useDispatch( editPostStore );\n\tconst openDocumentSettings = () =>\n\t\topenGeneralSidebar( 'edit-post/document' );\n\tconst openBlockSettings = () => openGeneralSidebar( 'edit-post/block' );\n\n\tconst { documentLabel, isTemplateMode } = useSelect( ( select ) => {\n\t\tconst postTypeLabel = select( editorStore ).getPostTypeLabel();\n\n\t\treturn {\n\t\t\t// translators: Default label for the Document sidebar tab, not selected.\n\t\t\tdocumentLabel: postTypeLabel || _x( 'Document', 'noun' ),\n\t\t\tisTemplateMode: select( editPostStore ).isEditingTemplate(),\n\t\t};\n\t}, [] );\n\n\tconst [ documentAriaLabel, documentActiveClass ] =\n\t\tsidebarName === 'edit-post/document'\n\t\t\t? // translators: ARIA label for the Document sidebar tab, selected. %s: Document label.\n\t\t\t  [ sprintf( __( '%s (selected)' ), documentLabel ), 'is-active' ]\n\t\t\t: [ documentLabel, '' ];\n\n\tconst [ blockAriaLabel, blockActiveClass ] =\n\t\tsidebarName === 'edit-post/block'\n\t\t\t? // translators: ARIA label for the Block Settings Sidebar tab, selected.\n\t\t\t  [ __( 'Block (selected)' ), 'is-active' ]\n\t\t\t: // translators: ARIA label for the Block Settings Sidebar tab, not selected.\n\t\t\t  [ __( 'Block' ), '' ];\n\n\tconst [ templateAriaLabel, templateActiveClass ] =\n\t\tsidebarName === 'edit-post/document'\n\t\t\t? [ __( 'Template (selected)' ), 'is-active' ]\n\t\t\t: [ __( 'Template' ), '' ];\n\n\t/* Use a list so screen readers will announce how many tabs there are. */\n\treturn (\n\t\t<ul>\n\t\t\t{ ! isTemplateMode && (\n\t\t\t\t<li>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ openDocumentSettings }\n\t\t\t\t\t\tclassName={ `edit-post-sidebar__panel-tab ${ documentActiveClass }` }\n\t\t\t\t\t\taria-label={ documentAriaLabel }\n\t\t\t\t\t\tdata-label={ documentLabel }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ documentLabel }\n\t\t\t\t\t</Button>\n\t\t\t\t</li>\n\t\t\t) }\n\t\t\t{ isTemplateMode && (\n\t\t\t\t<li>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ openDocumentSettings }\n\t\t\t\t\t\tclassName={ `edit-post-sidebar__panel-tab ${ templateActiveClass }` }\n\t\t\t\t\t\taria-label={ templateAriaLabel }\n\t\t\t\t\t\tdata-label={ __( 'Template' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Template' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</li>\n\t\t\t) }\n\t\t\t<li>\n\t\t\t\t<Button\n\t\t\t\t\tonClick={ openBlockSettings }\n\t\t\t\t\tclassName={ `edit-post-sidebar__panel-tab ${ blockActiveClass }` }\n\t\t\t\t\taria-label={ blockAriaLabel }\n\t\t\t\t\t// translators: Data label for the Block Settings Sidebar tab.\n\t\t\t\t\tdata-label={ __( 'Block' ) }\n\t\t\t\t>\n\t\t\t\t\t{\n\t\t\t\t\t\t// translators: Text label for the Block Settings Sidebar tab.\n\t\t\t\t\t\t__( 'Block' )\n\t\t\t\t\t}\n\t\t\t\t</Button>\n\t\t\t</li>\n\t\t</ul>\n\t);\n};\n\nexport default SettingsHeader;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,EAAE,EAAEC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AACjD,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;;AAExD;AACA;AACA;AACA,SAASD,KAAK,IAAIE,aAAa,QAAQ,gBAAgB;AAEvD,MAAMC,cAAc,GAAGA,CAAE;EAAEC;AAAY,CAAC,KAAM;EAC7C,MAAM;IAAEC;EAAmB,CAAC,GAAGP,WAAW,CAAEI,aAAc,CAAC;EAC3D,MAAMI,oBAAoB,GAAGA,CAAA,KAC5BD,kBAAkB,CAAE,oBAAqB,CAAC;EAC3C,MAAME,iBAAiB,GAAGA,CAAA,KAAMF,kBAAkB,CAAE,iBAAkB,CAAC;EAEvE,MAAM;IAAEG,aAAa;IAAEC;EAAe,CAAC,GAAGV,SAAS,CAAIW,MAAM,IAAM;IAClE,MAAMC,aAAa,GAAGD,MAAM,CAAET,WAAY,CAAC,CAACW,gBAAgB,CAAC,CAAC;IAE9D,OAAO;MACN;MACAJ,aAAa,EAAEG,aAAa,IAAIf,EAAE,CAAE,UAAU,EAAE,MAAO,CAAC;MACxDa,cAAc,EAAEC,MAAM,CAAER,aAAc,CAAC,CAACW,iBAAiB,CAAC;IAC3D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM,CAAEC,iBAAiB,EAAEC,mBAAmB,CAAE,GAC/CX,WAAW,KAAK,oBAAoB;EACjC;EACA,CAAEP,OAAO,CAAEF,EAAE,CAAE,eAAgB,CAAC,EAAEa,aAAc,CAAC,EAAE,WAAW,CAAE,GAChE,CAAEA,aAAa,EAAE,EAAE,CAAE;EAEzB,MAAM,CAAEQ,cAAc,EAAEC,gBAAgB,CAAE,GACzCb,WAAW,KAAK,iBAAiB;EAC9B;EACA,CAAET,EAAE,CAAE,kBAAmB,CAAC,EAAE,WAAW,CAAE;EACzC;EACA,CAAEA,EAAE,CAAE,OAAQ,CAAC,EAAE,EAAE,CAAE;EAEzB,MAAM,CAAEuB,iBAAiB,EAAEC,mBAAmB,CAAE,GAC/Cf,WAAW,KAAK,oBAAoB,GACjC,CAAET,EAAE,CAAE,qBAAsB,CAAC,EAAE,WAAW,CAAE,GAC5C,CAAEA,EAAE,CAAE,UAAW,CAAC,EAAE,EAAE,CAAE;;EAE5B;EACA,OACCyB,aAAA,aACG,CAAEX,cAAc,IACjBW,aAAA,aACCA,aAAA,CAAC1B,MAAM;IACN2B,OAAO,EAAGf,oBAAsB;IAChCgB,SAAS,EAAI,gCAAgCP,mBAAqB,EAAG;IACrE,cAAaD,iBAAmB;IAChC,cAAaN;EAAe,GAE1BA,aACK,CACL,CACJ,EACCC,cAAc,IACfW,aAAA,aACCA,aAAA,CAAC1B,MAAM;IACN2B,OAAO,EAAGf,oBAAsB;IAChCgB,SAAS,EAAI,gCAAgCH,mBAAqB,EAAG;IACrE,cAAaD,iBAAmB;IAChC,cAAavB,EAAE,CAAE,UAAW;EAAG,GAE7BA,EAAE,CAAE,UAAW,CACV,CACL,CACJ,EACDyB,aAAA,aACCA,aAAA,CAAC1B,MAAM;IACN2B,OAAO,EAAGd,iBAAmB;IAC7Be,SAAS,EAAI,gCAAgCL,gBAAkB,EAAG;IAClE,cAAaD;IACb;IAAA;IACA,cAAarB,EAAE,CAAE,OAAQ;EAAG;EAG3B;EACAA,EAAE,CAAE,OAAQ,CAEN,CACL,CACD,CAAC;AAEP,CAAC;AAED,eAAeQ,cAAc"}
+{"version":3,"names":["privateApis","componentsPrivateApis","__","_x","useSelect","store","editorStore","unlock","sidebars","Tabs","SettingsHeader","documentLabel","isTemplateMode","select","getPostTypeLabel","getRenderingMode","createElement","TabList","Tab","tabId","document","block"],"sources":["@wordpress/edit-post/src/components/sidebar/settings-header/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\nimport { sidebars } from '../settings-sidebar';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst SettingsHeader = () => {\n\tconst { documentLabel, isTemplateMode } = useSelect( ( select ) => {\n\t\tconst { getPostTypeLabel, getRenderingMode } = 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\tisTemplateMode: getRenderingMode() === 'template-only',\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<Tabs.TabList>\n\t\t\t<Tabs.Tab tabId={ sidebars.document }>\n\t\t\t\t{ isTemplateMode ? __( 'Template' ) : documentLabel }\n\t\t\t</Tabs.Tab>\n\t\t\t<Tabs.Tab tabId={ sidebars.block }>\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 SettingsHeader;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,qBAAqB,QAAQ,uBAAuB;AAC5E,SAASC,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;;AAExD;AACA;AACA;AACA,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,MAAM;EAAEC;AAAK,CAAC,GAAGF,MAAM,CAAEN,qBAAsB,CAAC;AAEhD,MAAMS,cAAc,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC,aAAa;IAAEC;EAAe,CAAC,GAAGR,SAAS,CAAIS,MAAM,IAAM;IAClE,MAAM;MAAEC,gBAAgB;MAAEC;IAAiB,CAAC,GAAGF,MAAM,CAAEP,WAAY,CAAC;IAEpE,OAAO;MACN;MACAK,aAAa,EAAEG,gBAAgB,CAAC,CAAC,IAAIX,EAAE,CAAE,UAAU,EAAE,MAAO,CAAC;MAC7DS,cAAc,EAAEG,gBAAgB,CAAC,CAAC,KAAK;IACxC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,OACCC,aAAA,CAACP,IAAI,CAACQ,OAAO,QACZD,aAAA,CAACP,IAAI,CAACS,GAAG;IAACC,KAAK,EAAGX,QAAQ,CAACY;EAAU,GAClCR,cAAc,GAAGV,EAAE,CAAE,UAAW,CAAC,GAAGS,aAC7B,CAAC,EACXK,aAAA,CAACP,IAAI,CAACS,GAAG;IAACC,KAAK,EAAGX,QAAQ,CAACa;EAAO,GAE/BnB,EAAE,CAAE,OAAQ,CACL,CACG,CAAC;AAEjB,CAAC;AAED,eAAeQ,cAAc"}

package/build-module/components/sidebar/settings-sidebar/index.js

@@ -3,12 +3,13 @@ import { createElement, Fragment } from "react";
  * WordPress dependencies
  */
 import { BlockInspector, store as blockEditorStore } from '@wordpress/block-editor';
-import { useSelect } from '@wordpress/data';
-import { Platform } from '@wordpress/element';
+import { useSelect, useDispatch } from '@wordpress/data';
+import { Platform, useCallback, useContext } from '@wordpress/element';
 import { isRTL, __ } from '@wordpress/i18n';
 import { drawerLeft, drawerRight } from '@wordpress/icons';
 import { store as interfaceStore } from '@wordpress/interface';
 import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
+import { store as editorStore } from '@wordpress/editor';
 
 /**
  * Internal dependencies
@@ -26,13 +27,61 @@ import PluginDocumentSettingPanel from '../plugin-document-setting-panel';
 import PluginSidebarEditPost from '../plugin-sidebar';
 import TemplateSummary from '../template-summary';
 import { store as editPostStore } from '../../../store';
+import { privateApis as componentsPrivateApis } from '@wordpress/components';
+import { unlock } from '../../../lock-unlock';
+const {
+  Tabs
+} = unlock(componentsPrivateApis);
 const SIDEBAR_ACTIVE_BY_DEFAULT = Platform.select({
   web: true,
   native: false
 });
+export const sidebars = {
+  document: 'edit-post/document',
+  block: 'edit-post/block'
+};
+const SidebarContent = ({
+  sidebarName,
+  keyboardShortcut,
+  isTemplateMode
+}) => {
+  // Because `PluginSidebarEditPost` renders a `ComplementaryArea`, we
+  // need to forward the `Tabs` context so it can be passed through the
+  // underlying slot/fill.
+  const tabsContextValue = useContext(Tabs.Context);
+  return createElement(PluginSidebarEditPost, {
+    identifier: sidebarName,
+    header: createElement(Tabs.Context.Provider, {
+      value: tabsContextValue
+    }, createElement(SettingsHeader, null)),
+    closeLabel: __('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: "edit-post-sidebar__panel",
+    headerClassName: "edit-post-sidebar__panel-tabs"
+    /* translators: button label text should, if possible, be under 16 characters. */,
+    title: __('Settings'),
+    toggleShortcut: keyboardShortcut,
+    icon: isRTL() ? drawerLeft : drawerRight,
+    isActiveByDefault: SIDEBAR_ACTIVE_BY_DEFAULT
+  }, createElement(Tabs.Context.Provider, {
+    value: tabsContextValue
+  }, createElement(Tabs.TabPanel, {
+    tabId: sidebars.document,
+    focusable: false
+  }, !isTemplateMode && createElement(Fragment, null, createElement(PostStatus, null), createElement(PluginDocumentSettingPanel.Slot, null), createElement(LastRevision, null), createElement(PostTaxonomies, null), createElement(FeaturedImage, null), createElement(PostExcerpt, null), createElement(DiscussionPanel, null), createElement(PageAttributes, null), createElement(MetaBoxes, {
+    location: "side"
+  })), isTemplateMode && createElement(TemplateSummary, null)), createElement(Tabs.TabPanel, {
+    tabId: sidebars.block,
+    focusable: false
+  }, createElement(BlockInspector, null))));
+};
 const SettingsSidebar = () => {
   const {
     sidebarName,
+    isSettingsSidebarActive,
     keyboardShortcut,
     isTemplateMode
   } = useSelect(select => {
@@ -44,34 +93,44 @@ const SettingsSidebar = () => {
     // should contain the sidebar that will be active when the toggle button is pressed. If a block
     // is selected, that should be edit-post/block otherwise it's edit-post/document.
     let sidebar = select(interfaceStore).getActiveComplementaryArea(editPostStore.name);
-    if (!['edit-post/document', 'edit-post/block'].includes(sidebar)) {
+    let isSettingsSidebar = true;
+    if (![sidebars.document, sidebars.block].includes(sidebar)) {
+      isSettingsSidebar = false;
       if (select(blockEditorStore).getBlockSelectionStart()) {
-        sidebar = 'edit-post/block';
+        sidebar = sidebars.block;
       }
-      sidebar = 'edit-post/document';
+      sidebar = sidebars.document;
     }
     const shortcut = select(keyboardShortcutsStore).getShortcutRepresentation('core/edit-post/toggle-sidebar');
     return {
       sidebarName: sidebar,
+      isSettingsSidebarActive: isSettingsSidebar,
       keyboardShortcut: shortcut,
-      isTemplateMode: select(editPostStore).isEditingTemplate()
+      isTemplateMode: select(editorStore).getRenderingMode() === 'template-only'
     };
   }, []);
-  return createElement(PluginSidebarEditPost, {
-    identifier: sidebarName,
-    header: createElement(SettingsHeader, {
-      sidebarName: sidebarName
-    }),
-    closeLabel: __('Close Settings'),
-    headerClassName: "edit-post-sidebar__panel-tabs"
-    /* translators: button label text should, if possible, be under 16 characters. */,
-    title: __('Settings'),
-    toggleShortcut: keyboardShortcut,
-    icon: isRTL() ? drawerLeft : drawerRight,
-    isActiveByDefault: SIDEBAR_ACTIVE_BY_DEFAULT
-  }, !isTemplateMode && sidebarName === 'edit-post/document' && createElement(Fragment, null, createElement(PostStatus, null), createElement(PluginDocumentSettingPanel.Slot, null), createElement(LastRevision, null), createElement(PostTaxonomies, null), createElement(FeaturedImage, null), createElement(PostExcerpt, null), createElement(DiscussionPanel, null), createElement(PageAttributes, null), createElement(MetaBoxes, {
-    location: "side"
-  })), isTemplateMode && sidebarName === 'edit-post/document' && createElement(TemplateSummary, null), sidebarName === 'edit-post/block' && createElement(BlockInspector, null));
+  const {
+    openGeneralSidebar
+  } = useDispatch(editPostStore);
+  const onTabSelect = useCallback(newSelectedTabId => {
+    if (!!newSelectedTabId) {
+      openGeneralSidebar(newSelectedTabId);
+    }
+  }, [openGeneralSidebar]);
+  return createElement(Tabs
+  // Due to how this component is controlled (via a value from the
+  // `interfaceStore`), when the sidebar closes the currently selected
+  // tab can't be found. This causes the component to continuously reset
+  // the selection to `null` in an infinite loop.Proactively setting
+  // the selected tab to `null` avoids that.
+  , {
+    selectedTabId: isSettingsSidebarActive ? sidebarName : null,
+    onSelect: onTabSelect
+  }, createElement(SidebarContent, {
+    sidebarName: sidebarName,
+    keyboardShortcut: keyboardShortcut,
+    isTemplateMode: isTemplateMode
+  }));
 };
 export default SettingsSidebar;
 //# sourceMappingURL=index.js.map

package/build-module/components/sidebar/settings-sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["BlockInspector","store","blockEditorStore","useSelect","Platform","isRTL","__","drawerLeft","drawerRight","interfaceStore","keyboardShortcutsStore","SettingsHeader","PostStatus","LastRevision","PostTaxonomies","FeaturedImage","PostExcerpt","DiscussionPanel","PageAttributes","MetaBoxes","PluginDocumentSettingPanel","PluginSidebarEditPost","TemplateSummary","editPostStore","SIDEBAR_ACTIVE_BY_DEFAULT","select","web","native","SettingsSidebar","sidebarName","keyboardShortcut","isTemplateMode","sidebar","getActiveComplementaryArea","name","includes","getBlockSelectionStart","shortcut","getShortcutRepresentation","isEditingTemplate","createElement","identifier","header","closeLabel","headerClassName","title","toggleShortcut","icon","isActiveByDefault","Fragment","Slot","location"],"sources":["@wordpress/edit-post/src/components/sidebar/settings-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockInspector,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { Platform } from '@wordpress/element';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { drawerLeft, drawerRight } from '@wordpress/icons';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport SettingsHeader from '../settings-header';\nimport PostStatus from '../post-status';\nimport LastRevision from '../last-revision';\nimport PostTaxonomies from '../post-taxonomies';\nimport FeaturedImage from '../featured-image';\nimport PostExcerpt from '../post-excerpt';\nimport DiscussionPanel from '../discussion-panel';\nimport PageAttributes from '../page-attributes';\nimport MetaBoxes from '../../meta-boxes';\nimport PluginDocumentSettingPanel from '../plugin-document-setting-panel';\nimport PluginSidebarEditPost from '../plugin-sidebar';\nimport TemplateSummary from '../template-summary';\nimport { store as editPostStore } from '../../../store';\n\nconst SIDEBAR_ACTIVE_BY_DEFAULT = Platform.select( {\n\tweb: true,\n\tnative: false,\n} );\n\nconst SettingsSidebar = () => {\n\tconst { sidebarName, keyboardShortcut, isTemplateMode } = useSelect(\n\t\t( select ) => {\n\t\t\t// The settings sidebar is used by the edit-post/document and edit-post/block sidebars.\n\t\t\t// sidebarName represents the sidebar that is active or that should be active when the SettingsSidebar toggle button is pressed.\n\t\t\t// If one of the two sidebars is active the component will contain the content of that sidebar.\n\t\t\t// When neither of the two sidebars is active we can not simply return null, because the PluginSidebarEditPost\n\t\t\t// component, besides being used to render the sidebar, also renders the toggle button. In that case sidebarName\n\t\t\t// should contain the sidebar that will be active when the toggle button is pressed. If a block\n\t\t\t// is selected, that should be edit-post/block otherwise it's edit-post/document.\n\t\t\tlet sidebar = select( interfaceStore ).getActiveComplementaryArea(\n\t\t\t\teditPostStore.name\n\t\t\t);\n\t\t\tif (\n\t\t\t\t! [ 'edit-post/document', 'edit-post/block' ].includes(\n\t\t\t\t\tsidebar\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tif ( select( blockEditorStore ).getBlockSelectionStart() ) {\n\t\t\t\t\tsidebar = 'edit-post/block';\n\t\t\t\t}\n\t\t\t\tsidebar = 'edit-post/document';\n\t\t\t}\n\t\t\tconst shortcut = select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t).getShortcutRepresentation( 'core/edit-post/toggle-sidebar' );\n\t\t\treturn {\n\t\t\t\tsidebarName: sidebar,\n\t\t\t\tkeyboardShortcut: shortcut,\n\t\t\t\tisTemplateMode: select( editPostStore ).isEditingTemplate(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\treturn (\n\t\t<PluginSidebarEditPost\n\t\t\tidentifier={ sidebarName }\n\t\t\theader={ <SettingsHeader sidebarName={ sidebarName } /> }\n\t\t\tcloseLabel={ __( 'Close Settings' ) }\n\t\t\theaderClassName=\"edit-post-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{ ! isTemplateMode && sidebarName === 'edit-post/document' && (\n\t\t\t\t<>\n\t\t\t\t\t<PostStatus />\n\t\t\t\t\t<PluginDocumentSettingPanel.Slot />\n\t\t\t\t\t<LastRevision />\n\t\t\t\t\t<PostTaxonomies />\n\t\t\t\t\t<FeaturedImage />\n\t\t\t\t\t<PostExcerpt />\n\t\t\t\t\t<DiscussionPanel />\n\t\t\t\t\t<PageAttributes />\n\t\t\t\t\t<MetaBoxes location=\"side\" />\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ isTemplateMode && sidebarName === 'edit-post/document' && (\n\t\t\t\t<TemplateSummary />\n\t\t\t) }\n\t\t\t{ sidebarName === 'edit-post/block' && <BlockInspector /> }\n\t\t</PluginSidebarEditPost>\n\t);\n};\n\nexport default SettingsSidebar;\n"],"mappings":"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"}
+{"version":3,"names":["BlockInspector","store","blockEditorStore","useSelect","useDispatch","Platform","useCallback","useContext","isRTL","__","drawerLeft","drawerRight","interfaceStore","keyboardShortcutsStore","editorStore","SettingsHeader","PostStatus","LastRevision","PostTaxonomies","FeaturedImage","PostExcerpt","DiscussionPanel","PageAttributes","MetaBoxes","PluginDocumentSettingPanel","PluginSidebarEditPost","TemplateSummary","editPostStore","privateApis","componentsPrivateApis","unlock","Tabs","SIDEBAR_ACTIVE_BY_DEFAULT","select","web","native","sidebars","document","block","SidebarContent","sidebarName","keyboardShortcut","isTemplateMode","tabsContextValue","Context","createElement","identifier","header","Provider","value","closeLabel","className","headerClassName","title","toggleShortcut","icon","isActiveByDefault","TabPanel","tabId","focusable","Fragment","Slot","location","SettingsSidebar","isSettingsSidebarActive","sidebar","getActiveComplementaryArea","name","isSettingsSidebar","includes","getBlockSelectionStart","shortcut","getShortcutRepresentation","getRenderingMode","openGeneralSidebar","onTabSelect","newSelectedTabId","selectedTabId","onSelect"],"sources":["@wordpress/edit-post/src/components/sidebar/settings-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 { Platform, useCallback, useContext } from '@wordpress/element';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { drawerLeft, drawerRight } from '@wordpress/icons';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport SettingsHeader from '../settings-header';\nimport PostStatus from '../post-status';\nimport LastRevision from '../last-revision';\nimport PostTaxonomies from '../post-taxonomies';\nimport FeaturedImage from '../featured-image';\nimport PostExcerpt from '../post-excerpt';\nimport DiscussionPanel from '../discussion-panel';\nimport PageAttributes from '../page-attributes';\nimport MetaBoxes from '../../meta-boxes';\nimport PluginDocumentSettingPanel from '../plugin-document-setting-panel';\nimport PluginSidebarEditPost from '../plugin-sidebar';\nimport TemplateSummary from '../template-summary';\nimport { store as editPostStore } from '../../../store';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { unlock } from '../../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst SIDEBAR_ACTIVE_BY_DEFAULT = Platform.select( {\n\tweb: true,\n\tnative: false,\n} );\nexport const sidebars = {\n\tdocument: 'edit-post/document',\n\tblock: 'edit-post/block',\n};\n\nconst SidebarContent = ( {\n\tsidebarName,\n\tkeyboardShortcut,\n\tisTemplateMode,\n} ) => {\n\t// Because `PluginSidebarEditPost` 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\treturn (\n\t\t<PluginSidebarEditPost\n\t\t\tidentifier={ sidebarName }\n\t\t\theader={\n\t\t\t\t<Tabs.Context.Provider value={ tabsContextValue }>\n\t\t\t\t\t<SettingsHeader />\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=\"edit-post-sidebar__panel\"\n\t\t\theaderClassName=\"edit-post-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{ ! isTemplateMode && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<PostStatus />\n\t\t\t\t\t\t\t<PluginDocumentSettingPanel.Slot />\n\t\t\t\t\t\t\t<LastRevision />\n\t\t\t\t\t\t\t<PostTaxonomies />\n\t\t\t\t\t\t\t<FeaturedImage />\n\t\t\t\t\t\t\t<PostExcerpt />\n\t\t\t\t\t\t\t<DiscussionPanel />\n\t\t\t\t\t\t\t<PageAttributes />\n\t\t\t\t\t\t\t<MetaBoxes location=\"side\" />\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isTemplateMode && <TemplateSummary /> }\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</PluginSidebarEditPost>\n\t);\n};\n\nconst SettingsSidebar = () => {\n\tconst {\n\t\tsidebarName,\n\t\tisSettingsSidebarActive,\n\t\tkeyboardShortcut,\n\t\tisTemplateMode,\n\t} = useSelect( ( select ) => {\n\t\t// The settings sidebar is used by the edit-post/document and edit-post/block sidebars.\n\t\t// sidebarName represents the sidebar that is active or that should be active when the SettingsSidebar toggle button is pressed.\n\t\t// If one of the two sidebars is active the component will contain the content of that sidebar.\n\t\t// When neither of the two sidebars is active we can not simply return null, because the PluginSidebarEditPost\n\t\t// component, besides being used to render the sidebar, also renders the toggle button. In that case sidebarName\n\t\t// should contain the sidebar that will be active when the toggle button is pressed. If a block\n\t\t// is selected, that should be edit-post/block otherwise it's edit-post/document.\n\t\tlet sidebar = select( interfaceStore ).getActiveComplementaryArea(\n\t\t\teditPostStore.name\n\t\t);\n\t\tlet isSettingsSidebar = true;\n\t\tif ( ! [ sidebars.document, sidebars.block ].includes( sidebar ) ) {\n\t\t\tisSettingsSidebar = false;\n\t\t\tif ( select( blockEditorStore ).getBlockSelectionStart() ) {\n\t\t\t\tsidebar = sidebars.block;\n\t\t\t}\n\t\t\tsidebar = sidebars.document;\n\t\t}\n\t\tconst shortcut = select(\n\t\t\tkeyboardShortcutsStore\n\t\t).getShortcutRepresentation( 'core/edit-post/toggle-sidebar' );\n\t\treturn {\n\t\t\tsidebarName: sidebar,\n\t\t\tisSettingsSidebarActive: isSettingsSidebar,\n\t\t\tkeyboardShortcut: shortcut,\n\t\t\tisTemplateMode:\n\t\t\t\tselect( editorStore ).getRenderingMode() === 'template-only',\n\t\t};\n\t}, [] );\n\n\tconst { openGeneralSidebar } = useDispatch( editPostStore );\n\n\tconst onTabSelect = useCallback(\n\t\t( newSelectedTabId ) => {\n\t\t\tif ( !! newSelectedTabId ) {\n\t\t\t\topenGeneralSidebar( newSelectedTabId );\n\t\t\t}\n\t\t},\n\t\t[ openGeneralSidebar ]\n\t);\n\n\treturn (\n\t\t<Tabs\n\t\t\t// Due to how this component is controlled (via a value from the\n\t\t\t// `interfaceStore`), when the sidebar closes the currently selected\n\t\t\t// tab can't be found. This causes the component to continuously reset\n\t\t\t// the selection to `null` in an infinite loop.Proactively setting\n\t\t\t// the selected tab to `null` avoids that.\n\t\t\tselectedTabId={ isSettingsSidebarActive ? sidebarName : null }\n\t\t\tonSelect={ onTabSelect }\n\t\t>\n\t\t\t<SidebarContent\n\t\t\t\tsidebarName={ sidebarName }\n\t\t\t\tkeyboardShortcut={ keyboardShortcut }\n\t\t\t\tisTemplateMode={ isTemplateMode }\n\t\t\t/>\n\t\t</Tabs>\n\t);\n};\n\nexport default SettingsSidebar;\n"],"mappings":"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"}

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

@@ -82,13 +82,13 @@ export default function StartPageOptions() {
   const [isClosed, setIsClosed] = useState(false);
   const shouldEnableModal = useSelect(select => {
     const {
-      isCleanNewPost
+      isCleanNewPost,
+      getRenderingMode
     } = select(editorStore);
     const {
-      isEditingTemplate,
       isFeatureActive
     } = select(editPostStore);
-    return !isEditingTemplate() && !isFeatureActive('welcomeGuide') && isCleanNewPost();
+    return getRenderingMode() === 'post-only' && !isFeatureActive('welcomeGuide') && isCleanNewPost();
   }, []);
   if (!shouldEnableModal || isClosed) {
     return null;