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

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

@@ -1,41 +1,28 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import { Button, createSlotFill } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useCallback } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import EntitiesSavedStates from '../entities-saved-states';
-import PostPublishPanel from '../post-publish-panel';
-import PluginPrePublishPanel from '../plugin-pre-publish-panel';
-import PluginPostPublishPanel from '../plugin-post-publish-panel';
-import { store as editorStore } from '../../store';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  Fill,
-  Slot
-} = createSlotFill('ActionsPanel');
-export const ActionsPanelFill = Fill;
-export default function SavePublishPanels({
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { Button, createSlotFill } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { useCallback } from "@wordpress/element";
+import EntitiesSavedStates from "../entities-saved-states";
+import PostPublishPanel from "../post-publish-panel";
+import PluginPrePublishPanel from "../plugin-pre-publish-panel";
+import PluginPostPublishPanel from "../plugin-post-publish-panel";
+import { store as editorStore } from "../../store";
+const { Fill, Slot } = createSlotFill("ActionsPanel");
+const ActionsPanelFill = Fill;
+function SavePublishPanels({
   setEntitiesSavedStatesCallback,
   closeEntitiesSavedStates,
   isEntitiesSavedStatesOpen,
   forceIsDirtyPublishPanel
 }) {
-  const {
-    closePublishSidebar,
-    togglePublishSidebar
-  } = useDispatch(editorStore);
+  const { closePublishSidebar, togglePublishSidebar } = useDispatch(editorStore);
   const {
     publishSidebarOpened,
     isPublishable,
     isDirty,
     hasOtherEntitiesChanges
-  } = useSelect(select => {
+  } = useSelect((select) => {
     const {
       isPublishSidebarOpened,
       isEditedPostPublishable,
@@ -51,33 +38,36 @@ export default function SavePublishPanels({
       hasOtherEntitiesChanges: _hasOtherEntitiesChanges
     };
   }, []);
-  const openEntitiesSavedStates = useCallback(() => setEntitiesSavedStatesCallback(true), []);
-
-  // It is ok for these components to be unmounted when not in visual use.
-  // We don't want more than one present at a time, decide which to render.
+  const openEntitiesSavedStates = useCallback(
+    () => setEntitiesSavedStatesCallback(true),
+    []
+  );
   let unmountableContent;
   if (publishSidebarOpened) {
-    unmountableContent = /*#__PURE__*/_jsx(PostPublishPanel, {
-      onClose: closePublishSidebar,
-      forceIsDirty: forceIsDirtyPublishPanel,
-      PrePublishExtension: PluginPrePublishPanel.Slot,
-      PostPublishExtension: PluginPostPublishPanel.Slot
-    });
+    unmountableContent = /* @__PURE__ */ jsx(
+      PostPublishPanel,
+      {
+        onClose: closePublishSidebar,
+        forceIsDirty: forceIsDirtyPublishPanel,
+        PrePublishExtension: PluginPrePublishPanel.Slot,
+        PostPublishExtension: PluginPostPublishPanel.Slot
+      }
+    );
   } else if (isPublishable && !hasOtherEntitiesChanges) {
-    unmountableContent = /*#__PURE__*/_jsx("div", {
-      className: "editor-layout__toggle-publish-panel",
-      children: /*#__PURE__*/_jsx(Button, {
+    unmountableContent = /* @__PURE__ */ jsx("div", { className: "editor-layout__toggle-publish-panel", children: /* @__PURE__ */ jsx(
+      Button,
+      {
         __next40pxDefaultSize: true,
         variant: "secondary",
         onClick: togglePublishSidebar,
         "aria-expanded": false,
-        children: __('Open publish panel')
-      })
-    });
+        children: __("Open publish panel")
+      }
+    ) });
   } else {
-    unmountableContent = /*#__PURE__*/_jsx("div", {
-      className: "editor-layout__toggle-entities-saved-states-panel",
-      children: /*#__PURE__*/_jsx(Button, {
+    unmountableContent = /* @__PURE__ */ jsx("div", { className: "editor-layout__toggle-entities-saved-states-panel", children: /* @__PURE__ */ jsx(
+      Button,
+      {
         __next40pxDefaultSize: true,
         variant: "secondary",
         onClick: openEntitiesSavedStates,
@@ -85,20 +75,24 @@ export default function SavePublishPanels({
         "aria-haspopup": "dialog",
         disabled: !isDirty,
         accessibleWhenDisabled: true,
-        children: __('Open save panel')
-      })
-    });
+        children: __("Open save panel")
+      }
+    ) });
   }
-
-  // Since EntitiesSavedStates controls its own panel, we can keep it
-  // always mounted to retain its own component state (such as checkboxes).
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [isEntitiesSavedStatesOpen && /*#__PURE__*/_jsx(EntitiesSavedStates, {
-      close: closeEntitiesSavedStates,
-      renderDialog: true
-    }), /*#__PURE__*/_jsx(Slot, {
-      bubblesVirtually: true
-    }), !isEntitiesSavedStatesOpen && unmountableContent]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isEntitiesSavedStatesOpen && /* @__PURE__ */ jsx(
+      EntitiesSavedStates,
+      {
+        close: closeEntitiesSavedStates,
+        renderDialog: true
+      }
+    ),
+    /* @__PURE__ */ jsx(Slot, { bubblesVirtually: true }),
+    !isEntitiesSavedStatesOpen && unmountableContent
+  ] });
 }
-//# sourceMappingURL=index.js.map
+export {
+  ActionsPanelFill,
+  SavePublishPanels as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/save-publish-panels/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useSelect","useDispatch","Button","createSlotFill","__","useCallback","EntitiesSavedStates","PostPublishPanel","PluginPrePublishPanel","PluginPostPublishPanel","store","editorStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Fill","Slot","ActionsPanelFill","SavePublishPanels","setEntitiesSavedStatesCallback","closeEntitiesSavedStates","isEntitiesSavedStatesOpen","forceIsDirtyPublishPanel","closePublishSidebar","togglePublishSidebar","publishSidebarOpened","isPublishable","isDirty","hasOtherEntitiesChanges","select","isPublishSidebarOpened","isEditedPostPublishable","isCurrentPostPublished","isEditedPostDirty","hasNonPostEntityChanges","_hasOtherEntitiesChanges","openEntitiesSavedStates","unmountableContent","onClose","forceIsDirty","PrePublishExtension","PostPublishExtension","className","children","__next40pxDefaultSize","variant","onClick","disabled","accessibleWhenDisabled","close","renderDialog","bubblesVirtually"],"sources":["@wordpress/editor/src/components/save-publish-panels/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { Button, createSlotFill } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport EntitiesSavedStates from '../entities-saved-states';\nimport PostPublishPanel from '../post-publish-panel';\nimport PluginPrePublishPanel from '../plugin-pre-publish-panel';\nimport PluginPostPublishPanel from '../plugin-post-publish-panel';\nimport { store as editorStore } from '../../store';\n\nconst { Fill, Slot } = createSlotFill( 'ActionsPanel' );\n\nexport const ActionsPanelFill = Fill;\n\nexport default function SavePublishPanels( {\n\tsetEntitiesSavedStatesCallback,\n\tcloseEntitiesSavedStates,\n\tisEntitiesSavedStatesOpen,\n\tforceIsDirtyPublishPanel,\n} ) {\n\tconst { closePublishSidebar, togglePublishSidebar } =\n\t\tuseDispatch( editorStore );\n\tconst {\n\t\tpublishSidebarOpened,\n\t\tisPublishable,\n\t\tisDirty,\n\t\thasOtherEntitiesChanges,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tisPublishSidebarOpened,\n\t\t\tisEditedPostPublishable,\n\t\t\tisCurrentPostPublished,\n\t\t\tisEditedPostDirty,\n\t\t\thasNonPostEntityChanges,\n\t\t} = select( editorStore );\n\t\tconst _hasOtherEntitiesChanges = hasNonPostEntityChanges();\n\t\treturn {\n\t\t\tpublishSidebarOpened: isPublishSidebarOpened(),\n\t\t\tisPublishable:\n\t\t\t\t! isCurrentPostPublished() && isEditedPostPublishable(),\n\t\t\tisDirty: _hasOtherEntitiesChanges || isEditedPostDirty(),\n\t\t\thasOtherEntitiesChanges: _hasOtherEntitiesChanges,\n\t\t};\n\t}, [] );\n\n\tconst openEntitiesSavedStates = useCallback(\n\t\t() => setEntitiesSavedStatesCallback( true ),\n\t\t[]\n\t);\n\n\t// It is ok for these components to be unmounted when not in visual use.\n\t// We don't want more than one present at a time, decide which to render.\n\tlet unmountableContent;\n\tif ( publishSidebarOpened ) {\n\t\tunmountableContent = (\n\t\t\t<PostPublishPanel\n\t\t\t\tonClose={ closePublishSidebar }\n\t\t\t\tforceIsDirty={ forceIsDirtyPublishPanel }\n\t\t\t\tPrePublishExtension={ PluginPrePublishPanel.Slot }\n\t\t\t\tPostPublishExtension={ PluginPostPublishPanel.Slot }\n\t\t\t/>\n\t\t);\n\t} else if ( isPublishable && ! hasOtherEntitiesChanges ) {\n\t\tunmountableContent = (\n\t\t\t<div className=\"editor-layout__toggle-publish-panel\">\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={ togglePublishSidebar }\n\t\t\t\t\taria-expanded={ false }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open publish panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\tunmountableContent = (\n\t\t\t<div className=\"editor-layout__toggle-entities-saved-states-panel\">\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={ openEntitiesSavedStates }\n\t\t\t\t\taria-expanded={ false }\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\tdisabled={ ! isDirty }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t// Since EntitiesSavedStates controls its own panel, we can keep it\n\t// always mounted to retain its own component state (such as checkboxes).\n\treturn (\n\t\t<>\n\t\t\t{ isEntitiesSavedStatesOpen && (\n\t\t\t\t<EntitiesSavedStates\n\t\t\t\t\tclose={ closeEntitiesSavedStates }\n\t\t\t\t\trenderDialog\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<Slot bubblesVirtually />\n\t\t\t{ ! isEntitiesSavedStatesOpen && unmountableContent }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/save-publish-panels/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { Button, createSlotFill } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport EntitiesSavedStates from '../entities-saved-states';\nimport PostPublishPanel from '../post-publish-panel';\nimport PluginPrePublishPanel from '../plugin-pre-publish-panel';\nimport PluginPostPublishPanel from '../plugin-post-publish-panel';\nimport { store as editorStore } from '../../store';\n\nconst { Fill, Slot } = createSlotFill( 'ActionsPanel' );\n\nexport const ActionsPanelFill = Fill;\n\nexport default function SavePublishPanels( {\n\tsetEntitiesSavedStatesCallback,\n\tcloseEntitiesSavedStates,\n\tisEntitiesSavedStatesOpen,\n\tforceIsDirtyPublishPanel,\n} ) {\n\tconst { closePublishSidebar, togglePublishSidebar } =\n\t\tuseDispatch( editorStore );\n\tconst {\n\t\tpublishSidebarOpened,\n\t\tisPublishable,\n\t\tisDirty,\n\t\thasOtherEntitiesChanges,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tisPublishSidebarOpened,\n\t\t\tisEditedPostPublishable,\n\t\t\tisCurrentPostPublished,\n\t\t\tisEditedPostDirty,\n\t\t\thasNonPostEntityChanges,\n\t\t} = select( editorStore );\n\t\tconst _hasOtherEntitiesChanges = hasNonPostEntityChanges();\n\t\treturn {\n\t\t\tpublishSidebarOpened: isPublishSidebarOpened(),\n\t\t\tisPublishable:\n\t\t\t\t! isCurrentPostPublished() && isEditedPostPublishable(),\n\t\t\tisDirty: _hasOtherEntitiesChanges || isEditedPostDirty(),\n\t\t\thasOtherEntitiesChanges: _hasOtherEntitiesChanges,\n\t\t};\n\t}, [] );\n\n\tconst openEntitiesSavedStates = useCallback(\n\t\t() => setEntitiesSavedStatesCallback( true ),\n\t\t[]\n\t);\n\n\t// It is ok for these components to be unmounted when not in visual use.\n\t// We don't want more than one present at a time, decide which to render.\n\tlet unmountableContent;\n\tif ( publishSidebarOpened ) {\n\t\tunmountableContent = (\n\t\t\t<PostPublishPanel\n\t\t\t\tonClose={ closePublishSidebar }\n\t\t\t\tforceIsDirty={ forceIsDirtyPublishPanel }\n\t\t\t\tPrePublishExtension={ PluginPrePublishPanel.Slot }\n\t\t\t\tPostPublishExtension={ PluginPostPublishPanel.Slot }\n\t\t\t/>\n\t\t);\n\t} else if ( isPublishable && ! hasOtherEntitiesChanges ) {\n\t\tunmountableContent = (\n\t\t\t<div className=\"editor-layout__toggle-publish-panel\">\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={ togglePublishSidebar }\n\t\t\t\t\taria-expanded={ false }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open publish panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\tunmountableContent = (\n\t\t\t<div className=\"editor-layout__toggle-entities-saved-states-panel\">\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tonClick={ openEntitiesSavedStates }\n\t\t\t\t\taria-expanded={ false }\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\tdisabled={ ! isDirty }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t// Since EntitiesSavedStates controls its own panel, we can keep it\n\t// always mounted to retain its own component state (such as checkboxes).\n\treturn (\n\t\t<>\n\t\t\t{ isEntitiesSavedStatesOpen && (\n\t\t\t\t<EntitiesSavedStates\n\t\t\t\t\tclose={ closeEntitiesSavedStates }\n\t\t\t\t\trenderDialog\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<Slot bubblesVirtually />\n\t\t\t{ ! isEntitiesSavedStatesOpen && unmountableContent }\n\t\t</>\n\t);\n}\n"],
+  "mappings": "AA8DG,SAyCD,UAzCC,KAyCD,YAzCC;AA3DH,SAAS,WAAW,mBAAmB;AACvC,SAAS,QAAQ,sBAAsB;AACvC,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAK5B,OAAO,yBAAyB;AAChC,OAAO,sBAAsB;AAC7B,OAAO,2BAA2B;AAClC,OAAO,4BAA4B;AACnC,SAAS,SAAS,mBAAmB;AAErC,MAAM,EAAE,MAAM,KAAK,IAAI,eAAgB,cAAe;AAE/C,MAAM,mBAAmB;AAEjB,SAAR,kBAAoC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,qBAAqB,qBAAqB,IACjD,YAAa,WAAY;AAC1B,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI,UAAW,CAAE,WAAY;AAC5B,UAAM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD,IAAI,OAAQ,WAAY;AACxB,UAAM,2BAA2B,wBAAwB;AACzD,WAAO;AAAA,MACN,sBAAsB,uBAAuB;AAAA,MAC7C,eACC,CAAE,uBAAuB,KAAK,wBAAwB;AAAA,MACvD,SAAS,4BAA4B,kBAAkB;AAAA,MACvD,yBAAyB;AAAA,IAC1B;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,QAAM,0BAA0B;AAAA,IAC/B,MAAM,+BAAgC,IAAK;AAAA,IAC3C,CAAC;AAAA,EACF;AAIA,MAAI;AACJ,MAAK,sBAAuB;AAC3B,yBACC;AAAA,MAAC;AAAA;AAAA,QACA,SAAU;AAAA,QACV,cAAe;AAAA,QACf,qBAAsB,sBAAsB;AAAA,QAC5C,sBAAuB,uBAAuB;AAAA;AAAA,IAC/C;AAAA,EAEF,WAAY,iBAAiB,CAAE,yBAA0B;AACxD,yBACC,oBAAC,SAAI,WAAU,uCACd;AAAA,MAAC;AAAA;AAAA,QACA,uBAAqB;AAAA,QACrB,SAAQ;AAAA,QACR,SAAU;AAAA,QACV,iBAAgB;AAAA,QAEd,aAAI,oBAAqB;AAAA;AAAA,IAC5B,GACD;AAAA,EAEF,OAAO;AACN,yBACC,oBAAC,SAAI,WAAU,qDACd;AAAA,MAAC;AAAA;AAAA,QACA,uBAAqB;AAAA,QACrB,SAAQ;AAAA,QACR,SAAU;AAAA,QACV,iBAAgB;AAAA,QAChB,iBAAc;AAAA,QACd,UAAW,CAAE;AAAA,QACb,wBAAsB;AAAA,QAEpB,aAAI,iBAAkB;AAAA;AAAA,IACzB,GACD;AAAA,EAEF;AAIA,SACC,iCACG;AAAA,iCACD;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ;AAAA,QACR,cAAY;AAAA;AAAA,IACb;AAAA,IAED,oBAAC,QAAK,kBAAgB,MAAC;AAAA,IACrB,CAAE,6BAA6B;AAAA,KAClC;AAEF;",
+  "names": []
+}

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

@@ -1,5 +1,8 @@
-export const sidebars = {
-  document: 'edit-post/document',
-  block: 'edit-post/block'
+const sidebars = {
+  document: "edit-post/document",
+  block: "edit-post/block"
 };
-//# sourceMappingURL=constants.js.map
+export {
+  sidebars
+};
+//# sourceMappingURL=constants.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["sidebars","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":"AAAA,OAAO,MAAMA,QAAQ,GAAG;EACvBC,QAAQ,EAAE,oBAAoB;EAC9BC,KAAK,EAAE;AACR,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar/constants.js"],
+  "sourcesContent": ["export const sidebars = {\n\tdocument: 'edit-post/document',\n\tblock: 'edit-post/block',\n};\n"],
+  "mappings": "AAAO,MAAM,WAAW;AAAA,EACvB,UAAU;AAAA,EACV,OAAO;AACR;",
+  "names": []
+}

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

@@ -1,50 +1,43 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as componentsPrivateApis } from '@wordpress/components';
-import { __, _x } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-import { forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { store as editorStore } from '../../store';
-import { unlock } from '../../lock-unlock';
-import { sidebars } from './constants';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  Tabs
-} = unlock(componentsPrivateApis);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { privateApis as componentsPrivateApis } from "@wordpress/components";
+import { __, _x } from "@wordpress/i18n";
+import { useSelect } from "@wordpress/data";
+import { forwardRef } from "@wordpress/element";
+import { store as editorStore } from "../../store";
+import { unlock } from "../../lock-unlock";
+import { sidebars } from "./constants";
+const { Tabs } = unlock(componentsPrivateApis);
 const SidebarHeader = (_, ref) => {
-  const {
-    documentLabel
-  } = useSelect(select => {
-    const {
-      getPostTypeLabel
-    } = select(editorStore);
+  const { documentLabel } = useSelect((select) => {
+    const { getPostTypeLabel } = select(editorStore);
     return {
-      documentLabel:
-      // translators: Default label for the Document sidebar tab, not selected.
-      getPostTypeLabel() || _x('Document', 'noun, panel')
+      documentLabel: (
+        // translators: Default label for the Document sidebar tab, not selected.
+        getPostTypeLabel() || _x("Document", "noun, panel")
+      )
     };
   }, []);
-  return /*#__PURE__*/_jsxs(Tabs.TabList, {
-    ref: ref,
-    children: [/*#__PURE__*/_jsx(Tabs.Tab, {
-      tabId: sidebars.document
-      // Used for focus management in the SettingsSidebar component.
-      ,
-      "data-tab-id": sidebars.document,
-      children: documentLabel
-    }), /*#__PURE__*/_jsx(Tabs.Tab, {
-      tabId: sidebars.block
-      // Used for focus management in the SettingsSidebar component.
-      ,
-      "data-tab-id": sidebars.block,
-      children: __('Block')
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Tabs.TabList, { ref, children: [
+    /* @__PURE__ */ jsx(
+      Tabs.Tab,
+      {
+        tabId: sidebars.document,
+        "data-tab-id": sidebars.document,
+        children: documentLabel
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Tabs.Tab,
+      {
+        tabId: sidebars.block,
+        "data-tab-id": sidebars.block,
+        children: __("Block")
+      }
+    )
+  ] });
 };
-export default forwardRef(SidebarHeader);
-//# sourceMappingURL=header.js.map
+var header_default = forwardRef(SidebarHeader);
+export {
+  header_default as default
+};
+//# sourceMappingURL=header.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["privateApis","componentsPrivateApis","__","_x","useSelect","forwardRef","store","editorStore","unlock","sidebars","jsx","_jsx","jsxs","_jsxs","Tabs","SidebarHeader","_","ref","documentLabel","select","getPostTypeLabel","TabList","children","Tab","tabId","document","block"],"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\tdocumentLabel:\n\t\t\t\t// translators: Default label for the Document sidebar tab, not selected.\n\t\t\t\tgetPostTypeLabel() || _x( 'Document', 'noun, panel' ),\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":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,qBAAqB,QAAQ,uBAAuB;AAC5E,SAASC,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAClD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,QAAQ,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEvC,MAAM;EAAEC;AAAK,CAAC,GAAGN,MAAM,CAAEP,qBAAsB,CAAC;AAEhD,MAAMc,aAAa,GAAGA,CAAEC,CAAC,EAAEC,GAAG,KAAM;EACnC,MAAM;IAAEC;EAAc,CAAC,GAAGd,SAAS,CAAIe,MAAM,IAAM;IAClD,MAAM;MAAEC;IAAiB,CAAC,GAAGD,MAAM,CAAEZ,WAAY,CAAC;IAElD,OAAO;MACNW,aAAa;MACZ;MACAE,gBAAgB,CAAC,CAAC,IAAIjB,EAAE,CAAE,UAAU,EAAE,aAAc;IACtD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,oBACCU,KAAA,CAACC,IAAI,CAACO,OAAO;IAACJ,GAAG,EAAGA,GAAK;IAAAK,QAAA,gBACxBX,IAAA,CAACG,IAAI,CAACS,GAAG;MACRC,KAAK,EAAGf,QAAQ,CAACgB;MACjB;MAAA;MACA,eAAchB,QAAQ,CAACgB,QAAU;MAAAH,QAAA,EAE/BJ;IAAa,CACN,CAAC,eACXP,IAAA,CAACG,IAAI,CAACS,GAAG;MACRC,KAAK,EAAGf,QAAQ,CAACiB;MACjB;MAAA;MACA,eAAcjB,QAAQ,CAACiB,KAAO;MAAAJ,QAAA,EAG5BpB,EAAE,CAAE,OAAQ;IAAC,CACN,CAAC;EAAA,CACE,CAAC;AAEjB,CAAC;AAED,eAAeG,UAAU,CAAEU,aAAc,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar/header.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\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\tdocumentLabel:\n\t\t\t\t// translators: Default label for the Document sidebar tab, not selected.\n\t\t\t\tgetPostTypeLabel() || _x( 'Document', 'noun, panel' ),\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": "AA6BE,SACC,KADD;AA1BF,SAAS,eAAe,6BAA6B;AACrD,SAAS,IAAI,UAAU;AACvB,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAK3B,SAAS,SAAS,mBAAmB;AACrC,SAAS,cAAc;AACvB,SAAS,gBAAgB;AAEzB,MAAM,EAAE,KAAK,IAAI,OAAQ,qBAAsB;AAE/C,MAAM,gBAAgB,CAAE,GAAG,QAAS;AACnC,QAAM,EAAE,cAAc,IAAI,UAAW,CAAE,WAAY;AAClD,UAAM,EAAE,iBAAiB,IAAI,OAAQ,WAAY;AAEjD,WAAO;AAAA,MACN;AAAA;AAAA,QAEC,iBAAiB,KAAK,GAAI,YAAY,aAAc;AAAA;AAAA,IACtD;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,SACC,qBAAC,KAAK,SAAL,EAAa,KACb;AAAA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACA,OAAQ,SAAS;AAAA,QAEjB,eAAc,SAAS;AAAA,QAErB;AAAA;AAAA,IACH;AAAA,IACA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACA,OAAQ,SAAS;AAAA,QAEjB,eAAc,SAAS;AAAA,QAGrB,aAAI,OAAQ;AAAA;AAAA,IACf;AAAA,KACD;AAEF;AAEA,IAAO,iBAAQ,WAAY,aAAc;",
+  "names": []
+}

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

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