@wordpress/editor 14.36.1-next.8fd3f8831.0 → 14.37.0

package/build/components/resizable-editor/index.js

@@ -0,0 +1,111 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/resizable-editor/index.js
+var resizable_editor_exports = {};
+__export(resizable_editor_exports, {
+  default: () => resizable_editor_default
+});
+module.exports = __toCommonJS(resizable_editor_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_element = require("@wordpress/element");
+var import_components = require("@wordpress/components");
+var import_resize_handle = __toESM(require("./resize-handle"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var HANDLE_STYLES_OVERRIDE = {
+  position: void 0,
+  userSelect: void 0,
+  cursor: void 0,
+  width: void 0,
+  height: void 0,
+  top: void 0,
+  right: void 0,
+  bottom: void 0,
+  left: void 0
+};
+function ResizableEditor({ className, enableResizing, height, children }) {
+  const [width, setWidth] = (0, import_element.useState)("100%");
+  const resizableRef = (0, import_element.useRef)();
+  const resizeWidthBy = (0, import_element.useCallback)((deltaPixels) => {
+    if (resizableRef.current) {
+      setWidth(resizableRef.current.offsetWidth + deltaPixels);
+    }
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.ResizableBox,
+    {
+      className: (0, import_clsx.default)("editor-resizable-editor", className, {
+        "is-resizable": enableResizing
+      }),
+      ref: (api) => {
+        resizableRef.current = api?.resizable;
+      },
+      size: {
+        width: enableResizing ? width : "100%",
+        height: enableResizing && height ? height : "100%"
+      },
+      onResizeStop: (event, direction, element) => {
+        setWidth(element.style.width);
+      },
+      minWidth: 300,
+      maxWidth: "100%",
+      maxHeight: "100%",
+      enable: {
+        left: enableResizing,
+        right: enableResizing
+      },
+      showHandle: enableResizing,
+      resizeRatio: 2,
+      handleComponent: {
+        left: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_resize_handle.default,
+          {
+            direction: "left",
+            resizeWidthBy
+          }
+        ),
+        right: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_resize_handle.default,
+          {
+            direction: "right",
+            resizeWidthBy
+          }
+        )
+      },
+      handleClasses: void 0,
+      handleStyles: {
+        left: HANDLE_STYLES_OVERRIDE,
+        right: HANDLE_STYLES_OVERRIDE
+      },
+      children
+    }
+  );
+}
+var resizable_editor_default = ResizableEditor;
+//# sourceMappingURL=index.js.map

package/build/components/resizable-editor/resize-handle.js

@@ -0,0 +1,71 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/resizable-editor/resize-handle.js
+var resize_handle_exports = {};
+__export(resize_handle_exports, {
+  default: () => ResizeHandle
+});
+module.exports = __toCommonJS(resize_handle_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_keycodes = require("@wordpress/keycodes");
+var import_components = require("@wordpress/components");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DELTA_DISTANCE = 20;
+function ResizeHandle({ direction, resizeWidthBy }) {
+  function handleKeyDown(event) {
+    const { keyCode } = event;
+    if (keyCode !== import_keycodes.LEFT && keyCode !== import_keycodes.RIGHT) {
+      return;
+    }
+    event.preventDefault();
+    if (direction === "left" && keyCode === import_keycodes.LEFT || direction === "right" && keyCode === import_keycodes.RIGHT) {
+      resizeWidthBy(DELTA_DISTANCE);
+    } else if (direction === "left" && keyCode === import_keycodes.RIGHT || direction === "right" && keyCode === import_keycodes.LEFT) {
+      resizeWidthBy(-DELTA_DISTANCE);
+    }
+  }
+  const resizeHandleVariants = {
+    active: {
+      opacity: 1,
+      scaleY: 1.3
+    }
+  };
+  const resizableHandleHelpId = `resizable-editor__resize-help-${direction}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Tooltip, { text: (0, import_i18n.__)("Drag to resize"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.__unstableMotion.button,
+      {
+        className: `editor-resizable-editor__resize-handle is-${direction}`,
+        "aria-label": (0, import_i18n.__)("Drag to resize"),
+        "aria-describedby": resizableHandleHelpId,
+        onKeyDown: handleKeyDown,
+        variants: resizeHandleVariants,
+        whileFocus: "active",
+        whileHover: "active",
+        whileTap: "active",
+        role: "separator",
+        "aria-orientation": "vertical"
+      },
+      "handle"
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.VisuallyHidden, { id: resizableHandleHelpId, children: (0, import_i18n.__)("Use left and right arrow keys to resize the canvas.") })
+  ] });
+}
+//# sourceMappingURL=resize-handle.js.map

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

@@ -0,0 +1,134 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/save-publish-panels/index.js
+var save_publish_panels_exports = {};
+__export(save_publish_panels_exports, {
+  ActionsPanelFill: () => ActionsPanelFill,
+  default: () => SavePublishPanels
+});
+module.exports = __toCommonJS(save_publish_panels_exports);
+var import_data = require("@wordpress/data");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_entities_saved_states = __toESM(require("../entities-saved-states"));
+var import_post_publish_panel = __toESM(require("../post-publish-panel"));
+var import_plugin_pre_publish_panel = __toESM(require("../plugin-pre-publish-panel"));
+var import_plugin_post_publish_panel = __toESM(require("../plugin-post-publish-panel"));
+var import_store = require("../../store");
+var import_jsx_runtime = require("react/jsx-runtime");
+var { Fill, Slot } = (0, import_components.createSlotFill)("ActionsPanel");
+var ActionsPanelFill = Fill;
+function SavePublishPanels({
+  setEntitiesSavedStatesCallback,
+  closeEntitiesSavedStates,
+  isEntitiesSavedStatesOpen,
+  forceIsDirtyPublishPanel
+}) {
+  const { closePublishSidebar, togglePublishSidebar } = (0, import_data.useDispatch)(import_store.store);
+  const {
+    publishSidebarOpened,
+    isPublishable,
+    isDirty,
+    hasOtherEntitiesChanges
+  } = (0, import_data.useSelect)((select) => {
+    const {
+      isPublishSidebarOpened,
+      isEditedPostPublishable,
+      isCurrentPostPublished,
+      isEditedPostDirty,
+      hasNonPostEntityChanges
+    } = select(import_store.store);
+    const _hasOtherEntitiesChanges = hasNonPostEntityChanges();
+    return {
+      publishSidebarOpened: isPublishSidebarOpened(),
+      isPublishable: !isCurrentPostPublished() && isEditedPostPublishable(),
+      isDirty: _hasOtherEntitiesChanges || isEditedPostDirty(),
+      hasOtherEntitiesChanges: _hasOtherEntitiesChanges
+    };
+  }, []);
+  const openEntitiesSavedStates = (0, import_element.useCallback)(
+    () => setEntitiesSavedStatesCallback(true),
+    []
+  );
+  let unmountableContent;
+  if (publishSidebarOpened) {
+    unmountableContent = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_post_publish_panel.default,
+      {
+        onClose: closePublishSidebar,
+        forceIsDirty: forceIsDirtyPublishPanel,
+        PrePublishExtension: import_plugin_pre_publish_panel.default.Slot,
+        PostPublishExtension: import_plugin_post_publish_panel.default.Slot
+      }
+    );
+  } else if (isPublishable && !hasOtherEntitiesChanges) {
+    unmountableContent = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "editor-layout__toggle-publish-panel", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Button,
+      {
+        __next40pxDefaultSize: true,
+        variant: "secondary",
+        onClick: togglePublishSidebar,
+        "aria-expanded": false,
+        children: (0, import_i18n.__)("Open publish panel")
+      }
+    ) });
+  } else {
+    unmountableContent = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "editor-layout__toggle-entities-saved-states-panel", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Button,
+      {
+        __next40pxDefaultSize: true,
+        variant: "secondary",
+        onClick: openEntitiesSavedStates,
+        "aria-expanded": false,
+        "aria-haspopup": "dialog",
+        disabled: !isDirty,
+        accessibleWhenDisabled: true,
+        children: (0, import_i18n.__)("Open save panel")
+      }
+    ) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    isEntitiesSavedStatesOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_entities_saved_states.default,
+      {
+        close: closeEntitiesSavedStates,
+        renderDialog: true
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Slot, { bubblesVirtually: true }),
+    !isEntitiesSavedStatesOpen && unmountableContent
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionsPanelFill
+});
+//# sourceMappingURL=index.js.map

package/build/components/sidebar/constants.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/sidebar/constants.js
+var constants_exports = {};
+__export(constants_exports, {
+  sidebars: () => sidebars
+});
+module.exports = __toCommonJS(constants_exports);
+var sidebars = {
+  document: "edit-post/document",
+  block: "edit-post/block"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  sidebars
+});
+//# sourceMappingURL=constants.js.map

package/build/components/sidebar/header.js

@@ -0,0 +1,65 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/sidebar/header.js
+var header_exports = {};
+__export(header_exports, {
+  default: () => header_default
+});
+module.exports = __toCommonJS(header_exports);
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_store = require("../../store");
+var import_lock_unlock = require("../../lock-unlock");
+var import_constants = require("./constants");
+var import_jsx_runtime = require("react/jsx-runtime");
+var { Tabs } = (0, import_lock_unlock.unlock)(import_components.privateApis);
+var SidebarHeader = (_, ref) => {
+  const { documentLabel } = (0, import_data.useSelect)((select) => {
+    const { getPostTypeLabel } = select(import_store.store);
+    return {
+      documentLabel: (
+        // translators: Default label for the Document sidebar tab, not selected.
+        getPostTypeLabel() || (0, import_i18n._x)("Document", "noun, panel")
+      )
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tabs.TabList, { ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Tabs.Tab,
+      {
+        tabId: import_constants.sidebars.document,
+        "data-tab-id": import_constants.sidebars.document,
+        children: documentLabel
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Tabs.Tab,
+      {
+        tabId: import_constants.sidebars.block,
+        "data-tab-id": import_constants.sidebars.block,
+        children: (0, import_i18n.__)("Block")
+      }
+    )
+  ] });
+};
+var header_default = (0, import_element.forwardRef)(SidebarHeader);
+//# sourceMappingURL=header.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar/header.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\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;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAqD;AACrD,kBAAuB;AACvB,kBAA0B;AAC1B,qBAA2B;AAK3B,mBAAqC;AACrC,yBAAuB;AACvB,uBAAyB;AAgBvB;AAdF,IAAM,EAAE,KAAK,QAAI,2BAAQ,kBAAAA,WAAsB;AAE/C,IAAM,gBAAgB,CAAE,GAAG,QAAS;AACnC,QAAM,EAAE,cAAc,QAAI,uBAAW,CAAE,WAAY;AAClD,UAAM,EAAE,iBAAiB,IAAI,OAAQ,aAAAC,KAAY;AAEjD,WAAO;AAAA,MACN;AAAA;AAAA,QAEC,iBAAiB,SAAK,gBAAI,YAAY,aAAc;AAAA;AAAA,IACtD;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,SACC,6CAAC,KAAK,SAAL,EAAa,KACb;AAAA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACA,OAAQ,0BAAS;AAAA,QAEjB,eAAc,0BAAS;AAAA,QAErB;AAAA;AAAA,IACH;AAAA,IACA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACA,OAAQ,0BAAS;AAAA,QAEjB,eAAc,0BAAS;AAAA,QAGrB,8BAAI,OAAQ;AAAA;AAAA,IACf;AAAA,KACD;AAEF;AAEA,IAAO,qBAAQ,2BAAY,aAAc;",
+  "names": ["componentsPrivateApis", "editorStore"]
+}

package/build/components/sidebar/index.js

@@ -0,0 +1,180 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/editor/src/components/sidebar/index.js
+var sidebar_exports = {};
+__export(sidebar_exports, {
+  default: () => sidebar_default
+});
+module.exports = __toCommonJS(sidebar_exports);
+var import_block_editor = require("@wordpress/block-editor");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_keyboard_shortcuts = require("@wordpress/keyboard-shortcuts");
+var import_components = require("@wordpress/components");
+var import_interface = require("@wordpress/interface");
+var import_pattern_overrides_panel = __toESM(require("../pattern-overrides-panel"));
+var import_plugin_document_setting_panel = __toESM(require("../plugin-document-setting-panel"));
+var import_plugin_sidebar = __toESM(require("../plugin-sidebar"));
+var import_post_summary = __toESM(require("./post-summary"));
+var import_panel = __toESM(require("../post-taxonomies/panel"));
+var import_post_transform_panel = __toESM(require("../post-transform-panel"));
+var import_header = __toESM(require("./header"));
+var import_template_content_panel = __toESM(require("../template-content-panel"));
+var import_template_part_content_panel = __toESM(require("../template-part-content-panel"));
+var import_use_auto_switch_editor_sidebars = __toESM(require("../provider/use-auto-switch-editor-sidebars"));
+var import_constants = require("./constants");
+var import_lock_unlock = require("../../lock-unlock");
+var import_store = require("../../store");
+var import_constants2 = require("../../store/constants");
+var import_jsx_runtime = require("react/jsx-runtime");
+var { Tabs } = (0, import_lock_unlock.unlock)(import_components.privateApis);
+var SIDEBAR_ACTIVE_BY_DEFAULT = import_element.Platform.select({
+  web: true,
+  native: false
+});
+var SidebarContent = ({
+  tabName,
+  keyboardShortcut,
+  onActionPerformed,
+  extraPanels
+}) => {
+  const tabListRef = (0, import_element.useRef)(null);
+  const tabsContextValue = (0, import_element.useContext)(Tabs.Context);
+  (0, import_element.useEffect)(() => {
+    const tabsElements = Array.from(
+      tabListRef.current?.querySelectorAll('[role="tab"]') || []
+    );
+    const selectedTabElement = tabsElements.find(
+      // We are purposefully using a custom `data-tab-id` attribute here
+      // because we don't want rely on any assumptions about `Tabs`
+      // component internals.
+      (element) => element.getAttribute("data-tab-id") === tabName
+    );
+    const activeElement = selectedTabElement?.ownerDocument.activeElement;
+    const tabsHasFocus = tabsElements.some((element) => {
+      return activeElement && activeElement.id === element.id;
+    });
+    if (tabsHasFocus && selectedTabElement && selectedTabElement.id !== activeElement?.id) {
+      selectedTabElement?.focus();
+    }
+  }, [tabName]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_plugin_sidebar.default,
+    {
+      identifier: tabName,
+      header: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.Context.Provider, { value: tabsContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_header.default, { ref: tabListRef }) }),
+      closeLabel: (0, import_i18n.__)("Close Settings"),
+      className: "editor-sidebar__panel",
+      headerClassName: "editor-sidebar__panel-tabs",
+      title: (
+        /* translators: button label text should, if possible, be under 16 characters. */
+        (0, import_i18n._x)("Settings", "panel button label")
+      ),
+      toggleShortcut: keyboardShortcut,
+      icon: (0, import_i18n.isRTL)() ? import_icons.drawerLeft : import_icons.drawerRight,
+      isActiveByDefault: SIDEBAR_ACTIVE_BY_DEFAULT,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tabs.Context.Provider, { value: tabsContextValue, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tabs.TabPanel, { tabId: import_constants.sidebars.document, focusable: false, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_post_summary.default, { onActionPerformed }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_document_setting_panel.default.Slot, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_template_content_panel.default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_template_part_content_panel.default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_post_transform_panel.default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_panel.default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_pattern_overrides_panel.default, {}),
+          extraPanels
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.TabPanel, { tabId: import_constants.sidebars.block, focusable: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockInspector, {}) })
+      ] })
+    }
+  );
+};
+var Sidebar = ({ extraPanels, onActionPerformed }) => {
+  (0, import_use_auto_switch_editor_sidebars.default)();
+  const { tabName, keyboardShortcut, showSummary } = (0, import_data.useSelect)(
+    (select) => {
+      const shortcut = select(
+        import_keyboard_shortcuts.store
+      ).getShortcutRepresentation("core/editor/toggle-sidebar");
+      const sidebar = select(import_interface.store).getActiveComplementaryArea("core");
+      const _isEditorSidebarOpened = [
+        import_constants.sidebars.block,
+        import_constants.sidebars.document
+      ].includes(sidebar);
+      let _tabName = sidebar;
+      if (!_isEditorSidebarOpened) {
+        _tabName = !!select(
+          import_block_editor.store
+        ).getBlockSelectionStart() ? import_constants.sidebars.block : import_constants.sidebars.document;
+      }
+      return {
+        tabName: _tabName,
+        keyboardShortcut: shortcut,
+        showSummary: ![
+          import_constants2.TEMPLATE_POST_TYPE,
+          import_constants2.TEMPLATE_PART_POST_TYPE,
+          import_constants2.NAVIGATION_POST_TYPE
+        ].includes(select(import_store.store).getCurrentPostType())
+      };
+    },
+    []
+  );
+  const { enableComplementaryArea } = (0, import_data.useDispatch)(import_interface.store);
+  const onTabSelect = (0, import_element.useCallback)(
+    (newSelectedTabId) => {
+      if (!!newSelectedTabId) {
+        enableComplementaryArea("core", newSelectedTabId);
+      }
+    },
+    [enableComplementaryArea]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Tabs,
+    {
+      selectedTabId: tabName,
+      onSelect: onTabSelect,
+      selectOnMove: false,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        SidebarContent,
+        {
+          tabName,
+          keyboardShortcut,
+          showSummary,
+          onActionPerformed,
+          extraPanels
+        }
+      )
+    }
+  );
+};
+var sidebar_default = Sidebar;
+//# sourceMappingURL=index.js.map