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

package/build/components/styles-canvas/index.cjs

@@ -0,0 +1,140 @@
+"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/styles-canvas/index.js
+var styles_canvas_exports = {};
+__export(styles_canvas_exports, {
+  default: () => StylesCanvas,
+  getStylesCanvasTitle: () => getStylesCanvasTitle
+});
+module.exports = __toCommonJS(styles_canvas_exports);
+var import_components = require("@wordpress/components");
+var import_keycodes = require("@wordpress/keycodes");
+var import_i18n = require("@wordpress/i18n");
+var import_data = require("@wordpress/data");
+var import_icons = require("@wordpress/icons");
+var import_compose = require("@wordpress/compose");
+var import_preferences = require("@wordpress/preferences");
+var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_style_book = __toESM(require("./style-book.cjs"));
+var import_revisions = __toESM(require("./revisions.cjs"));
+var import_store = require("../../store/index.cjs");
+var import_resizable_editor = __toESM(require("../resizable-editor/index.cjs"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function getStylesCanvasTitle(path, showStylebook) {
+  if (showStylebook) {
+    return (0, import_i18n.__)("Style Book");
+  }
+  if (path?.startsWith("/revisions")) {
+    return (0, import_i18n.__)("Style Revisions");
+  }
+  return "";
+}
+function StylesCanvas() {
+  const { stylesPath, showStylebook, showListViewByDefault } = (0, import_data.useSelect)(
+    (select) => {
+      const { getStylesPath, getShowStylebook } = (0, import_lock_unlock.unlock)(
+        select(import_store.store)
+      );
+      const _showListViewByDefault = select(import_preferences.store).get(
+        "core",
+        "showListViewByDefault"
+      );
+      return {
+        stylesPath: getStylesPath(),
+        showStylebook: getShowStylebook(),
+        showListViewByDefault: _showListViewByDefault
+      };
+    },
+    []
+  );
+  const { resetStylesNavigation, setStylesPath } = (0, import_lock_unlock.unlock)(
+    (0, import_data.useDispatch)(import_store.store)
+  );
+  const { setIsListViewOpened } = (0, import_data.useDispatch)(import_store.store);
+  const focusOnMountRef = (0, import_compose.useFocusOnMount)("firstElement");
+  const sectionFocusReturnRef = (0, import_compose.useFocusReturn)();
+  let content = null;
+  if (showStylebook) {
+    content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_style_book.default,
+      {
+        path: stylesPath,
+        onPathChange: setStylesPath,
+        ref: sectionFocusReturnRef
+      }
+    );
+  } else if (stylesPath?.startsWith("/revisions")) {
+    content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_revisions.default,
+      {
+        path: stylesPath,
+        ref: sectionFocusReturnRef
+      }
+    );
+  }
+  const title = getStylesCanvasTitle(stylesPath, showStylebook);
+  const onCloseCanvas = () => {
+    setIsListViewOpened(showListViewByDefault);
+    resetStylesNavigation();
+  };
+  const closeOnEscape = (event) => {
+    if (event.keyCode === import_keycodes.ESCAPE && !event.defaultPrevented) {
+      event.preventDefault();
+      onCloseCanvas();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "editor-styles-canvas", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_resizable_editor.default, { enableResizing: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "section",
+    {
+      className: "editor-styles-canvas__section",
+      ref: focusOnMountRef,
+      onKeyDown: closeOnEscape,
+      "aria-label": title,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Button,
+          {
+            size: "compact",
+            className: "editor-styles-canvas__close-button",
+            icon: import_icons.closeSmall,
+            label: (0, import_i18n.__)("Close"),
+            onClick: onCloseCanvas
+          }
+        ),
+        content
+      ]
+    }
+  ) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getStylesCanvasTitle
+});
+//# sourceMappingURL=index.cjs.map

package/build/components/styles-canvas/revisions.cjs

@@ -0,0 +1,123 @@
+"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/styles-canvas/revisions.js
+var revisions_exports = {};
+__export(revisions_exports, {
+  default: () => revisions_default
+});
+module.exports = __toCommonJS(revisions_exports);
+var import_components = require("@wordpress/components");
+var import_block_editor = require("@wordpress/block-editor");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_global_styles_ui = require("@wordpress/global-styles-ui");
+var import_global_styles_engine = require("@wordpress/global-styles-engine");
+var import_hooks = require("../global-styles/hooks.cjs");
+var import_use_global_styles_output = require("../../hooks/use-global-styles-output.cjs");
+var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var {
+  ExperimentalBlockEditorProvider,
+  __unstableBlockStyleVariationOverridesWithConfig
+} = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
+function isObjectEmpty(object) {
+  return !object || Object.keys(object).length === 0;
+}
+function StylesCanvasRevisions({ path }, ref) {
+  const blocks = (0, import_data.useSelect)((select) => {
+    return select(import_block_editor.store).getBlocks();
+  }, []);
+  const { user: userConfig, base: baseConfig } = (0, import_hooks.useGlobalStyles)();
+  const { revisions, isLoading } = (0, import_global_styles_ui.useGlobalStylesRevisions)();
+  const revisionId = (0, import_element.useMemo)(() => {
+    const match = path?.match(/^\/revisions\/(.+)$/);
+    return match ? match[1] : null;
+  }, [path]);
+  const selectedRevision = (0, import_element.useMemo)(() => {
+    if (!revisionId || !revisions.length) {
+      return null;
+    }
+    return revisions.find(
+      (rev) => String(rev.id) === String(revisionId)
+    );
+  }, [revisionId, revisions]);
+  const displayConfig = selectedRevision || userConfig;
+  const mergedConfig = (0, import_element.useMemo)(() => {
+    if (!isObjectEmpty(displayConfig) && !isObjectEmpty(baseConfig)) {
+      return (0, import_global_styles_engine.mergeGlobalStyles)(baseConfig, displayConfig);
+    }
+    return {};
+  }, [baseConfig, displayConfig]);
+  const renderedBlocksArray = (0, import_element.useMemo)(
+    () => Array.isArray(blocks) ? blocks : [blocks],
+    [blocks]
+  );
+  const originalSettings = (0, import_data.useSelect)(
+    (select) => select(import_block_editor.store).getSettings(),
+    []
+  );
+  const settings = (0, import_element.useMemo)(
+    () => ({
+      ...originalSettings,
+      isPreviewMode: true
+    }),
+    [originalSettings]
+  );
+  const [globalStyles] = (0, import_use_global_styles_output.useGlobalStylesOutputWithConfig)(mergedConfig);
+  const editorStyles = !isObjectEmpty(globalStyles) && !isObjectEmpty(displayConfig) ? globalStyles : settings.styles;
+  if (isLoading) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_block_editor.__unstableIframe,
+    {
+      ref,
+      className: "editor-revisions__iframe",
+      name: "revisions",
+      tabIndex: 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", {
+          // Forming a "block formatting context" to prevent margin collapsing.
+          // @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
+          children: `.is-root-container { display: flow-root; }`
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Disabled, { className: "editor-revisions__example-preview__content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          ExperimentalBlockEditorProvider,
+          {
+            value: renderedBlocksArray,
+            settings,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockList, { renderAppender: false }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.__unstableEditorStyles, { styles: editorStyles }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                __unstableBlockStyleVariationOverridesWithConfig,
+                {
+                  config: mergedConfig
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+var revisions_default = (0, import_element.forwardRef)(StylesCanvasRevisions);
+//# sourceMappingURL=revisions.cjs.map

package/build/components/styles-canvas/style-book.cjs

@@ -0,0 +1,70 @@
+"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/styles-canvas/style-book.js
+var style_book_exports = {};
+__export(style_book_exports, {
+  default: () => style_book_default
+});
+module.exports = __toCommonJS(style_book_exports);
+var import_element = require("@wordpress/element");
+var import_style_book = __toESM(require("../style-book/index.cjs"));
+var import_constants = require("../style-book/constants.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function StylesCanvasStyleBook({ path, onPathChange }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_style_book.default,
+    {
+      ref,
+      isSelected: (blockName) => (
+        // Match '/blocks/core%2Fbutton' and
+        // '/blocks/core%2Fbutton/typography', but not
+        // '/blocks/core%2Fbuttons'.
+        path === `/blocks/${encodeURIComponent(blockName)}` || path?.startsWith(
+          `/blocks/${encodeURIComponent(blockName)}/`
+        )
+      ),
+      onSelect: (blockName) => {
+        if (import_constants.STYLE_BOOK_COLOR_GROUPS.find(
+          (group) => group.slug === blockName
+        )) {
+          onPathChange?.("/colors/palette");
+          return;
+        }
+        if (blockName === "typography") {
+          onPathChange?.("/typography");
+          return;
+        }
+        onPathChange?.("/blocks/" + encodeURIComponent(blockName));
+      }
+    }
+  );
+}
+var style_book_default = (0, import_element.forwardRef)(StylesCanvasStyleBook);
+//# sourceMappingURL=style-book.cjs.map

package/build/components/table-of-contents/index.cjs

@@ -0,0 +1,83 @@
+"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/table-of-contents/index.js
+var table_of_contents_exports = {};
+__export(table_of_contents_exports, {
+  default: () => table_of_contents_default
+});
+module.exports = __toCommonJS(table_of_contents_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_data = require("@wordpress/data");
+var import_icons = require("@wordpress/icons");
+var import_element = require("@wordpress/element");
+var import_block_editor = require("@wordpress/block-editor");
+var import_panel = __toESM(require("./panel.cjs"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function TableOfContents({ hasOutlineItemsDisabled, repositionDropdown, ...props }, ref) {
+  const hasBlocks = (0, import_data.useSelect)(
+    (select) => !!select(import_block_editor.store).getBlockCount(),
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Dropdown,
+    {
+      popoverProps: {
+        placement: repositionDropdown ? "right" : "bottom"
+      },
+      className: "table-of-contents",
+      contentClassName: "table-of-contents__popover",
+      renderToggle: ({ isOpen, onToggle }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.Button,
+        {
+          __next40pxDefaultSize: true,
+          ...props,
+          ref,
+          onClick: hasBlocks ? onToggle : void 0,
+          icon: import_icons.info,
+          "aria-expanded": isOpen,
+          "aria-haspopup": "true",
+          label: (0, import_i18n.__)("Details"),
+          tooltipPosition: "bottom",
+          "aria-disabled": !hasBlocks
+        }
+      ),
+      renderContent: ({ onClose }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_panel.default,
+        {
+          onRequestClose: onClose,
+          hasOutlineItemsDisabled
+        }
+      )
+    }
+  );
+}
+var table_of_contents_default = (0, import_element.forwardRef)(TableOfContents);
+//# sourceMappingURL=index.cjs.map

package/build/components/table-of-contents/panel.cjs

@@ -0,0 +1,113 @@
+"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/table-of-contents/panel.js
+var panel_exports = {};
+__export(panel_exports, {
+  default: () => panel_default
+});
+module.exports = __toCommonJS(panel_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_data = require("@wordpress/data");
+var import_block_editor = require("@wordpress/block-editor");
+var import_word_count = __toESM(require("../word-count/index.cjs"));
+var import_time_to_read = __toESM(require("../time-to-read/index.cjs"));
+var import_document_outline = __toESM(require("../document-outline/index.cjs"));
+var import_character_count = __toESM(require("../character-count/index.cjs"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function TableOfContentsPanel({ hasOutlineItemsDisabled, onRequestClose }) {
+  const { headingCount, paragraphCount, numberOfBlocks } = (0, import_data.useSelect)(
+    (select) => {
+      const { getGlobalBlockCount } = select(import_block_editor.store);
+      return {
+        headingCount: getGlobalBlockCount("core/heading"),
+        paragraphCount: getGlobalBlockCount("core/paragraph"),
+        numberOfBlocks: getGlobalBlockCount()
+      };
+    },
+    []
+  );
+  return (
+    /*
+     * Disable reason: The `list` ARIA role is redundant but
+     * Safari+VoiceOver won't announce the list otherwise.
+     */
+    /* eslint-disable jsx-a11y/no-redundant-roles */
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: "table-of-contents__wrapper",
+          role: "note",
+          "aria-label": (0, import_i18n.__)("Document Statistics"),
+          tabIndex: "0",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", { role: "list", className: "table-of-contents__counts", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "table-of-contents__count", children: [
+              (0, import_i18n.__)("Words"),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_word_count.default, {})
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "table-of-contents__count", children: [
+              (0, import_i18n.__)("Characters"),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "table-of-contents__number", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_character_count.default, {}) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "table-of-contents__count", children: [
+              (0, import_i18n.__)("Time to read"),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_time_to_read.default, {})
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "table-of-contents__count", children: [
+              (0, import_i18n.__)("Headings"),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "table-of-contents__number", children: headingCount })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "table-of-contents__count", children: [
+              (0, import_i18n.__)("Paragraphs"),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "table-of-contents__number", children: paragraphCount })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "table-of-contents__count", children: [
+              (0, import_i18n.__)("Blocks"),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "table-of-contents__number", children: numberOfBlocks })
+            ] })
+          ] })
+        }
+      ),
+      headingCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "table-of-contents__title", children: (0, import_i18n.__)("Document Outline") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_document_outline.default,
+          {
+            onSelect: onRequestClose,
+            hasOutlineItemsDisabled
+          }
+        )
+      ] })
+    ] })
+  );
+}
+var panel_default = TableOfContentsPanel;
+//# sourceMappingURL=panel.cjs.map

package/build/components/template-content-panel/index.cjs

@@ -0,0 +1,84 @@
+"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/template-content-panel/index.js
+var template_content_panel_exports = {};
+__export(template_content_panel_exports, {
+  default: () => TemplateContentPanel
+});
+module.exports = __toCommonJS(template_content_panel_exports);
+var import_data = require("@wordpress/data");
+var import_block_editor = require("@wordpress/block-editor");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_interface = require("@wordpress/interface");
+var import_hooks = require("@wordpress/hooks");
+var import_element = require("@wordpress/element");
+var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_constants = require("../../store/constants.cjs");
+var import_store = require("../../store/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var { BlockQuickNavigation } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
+var POST_CONTENT_BLOCK_TYPES = [
+  "core/post-title",
+  "core/post-featured-image",
+  "core/post-content"
+];
+var TEMPLATE_PART_BLOCK = "core/template-part";
+function TemplateContentPanel() {
+  const postContentBlockTypes = (0, import_element.useMemo)(
+    () => (0, import_hooks.applyFilters)(
+      "editor.postContentBlockTypes",
+      POST_CONTENT_BLOCK_TYPES
+    ),
+    []
+  );
+  const { clientIds, postType, renderingMode } = (0, import_data.useSelect)(
+    (select) => {
+      const {
+        getCurrentPostType,
+        getPostBlocksByName,
+        getRenderingMode
+      } = (0, import_lock_unlock.unlock)(select(import_store.store));
+      const _postType = getCurrentPostType();
+      return {
+        postType: _postType,
+        clientIds: getPostBlocksByName(
+          import_constants.TEMPLATE_POST_TYPE === _postType ? TEMPLATE_PART_BLOCK : postContentBlockTypes
+        ),
+        renderingMode: getRenderingMode()
+      };
+    },
+    [postContentBlockTypes]
+  );
+  const { enableComplementaryArea } = (0, import_data.useDispatch)(import_interface.store);
+  if (renderingMode === "post-only" && postType !== import_constants.TEMPLATE_POST_TYPE || clientIds.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.PanelBody, { title: (0, import_i18n.__)("Content"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    BlockQuickNavigation,
+    {
+      clientIds,
+      onSelect: () => {
+        enableComplementaryArea("core", "edit-post/document");
+      }
+    }
+  ) });
+}
+//# sourceMappingURL=index.cjs.map