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

package/build/components/post-title/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/post-title/index.js
+var post_title_exports = {};
+__export(post_title_exports, {
+  default: () => post_title_default
+});
+module.exports = __toCommonJS(post_title_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_html_entities = require("@wordpress/html-entities");
+var import_data = require("@wordpress/data");
+var import_block_editor = require("@wordpress/block-editor");
+var import_keycodes = require("@wordpress/keycodes");
+var import_blocks = require("@wordpress/blocks");
+var import_rich_text = require("@wordpress/rich-text");
+var import_compose = require("@wordpress/compose");
+var import_dom = require("@wordpress/dom");
+var import_constants = require("./constants");
+var import_use_post_title_focus = __toESM(require("./use-post-title-focus"));
+var import_use_post_title = __toESM(require("./use-post-title"));
+var import_post_type_support_check = __toESM(require("../post-type-support-check"));
+var import_lock_unlock = require("../../lock-unlock");
+var import_jsx_runtime = (
+  /* eslint-disable jsx-a11y/heading-has-content, jsx-a11y/no-noninteractive-element-to-interactive-role */
+  require("react/jsx-runtime")
+);
+var PostTitle = (0, import_element.forwardRef)((_, forwardedRef) => {
+  const { placeholder, isEditingContentOnlySection } = (0, import_data.useSelect)(
+    (select) => {
+      const { getSettings, getEditedContentOnlySection } = (0, import_lock_unlock.unlock)(
+        select(import_block_editor.store)
+      );
+      const { titlePlaceholder } = getSettings();
+      return {
+        placeholder: titlePlaceholder,
+        isEditingContentOnlySection: !!getEditedContentOnlySection()
+      };
+    },
+    []
+  );
+  const [isSelected, setIsSelected] = (0, import_element.useState)(false);
+  const { ref: focusRef } = (0, import_use_post_title_focus.default)(forwardedRef);
+  const { title, setTitle: onUpdate } = (0, import_use_post_title.default)();
+  const [selection, setSelection] = (0, import_element.useState)({});
+  const { clearSelectedBlock, insertBlocks, insertDefaultBlock } = (0, import_data.useDispatch)(import_block_editor.store);
+  const decodedPlaceholder = (0, import_html_entities.decodeEntities)(placeholder) || (0, import_i18n.__)("Add title");
+  const {
+    value,
+    onChange,
+    ref: richTextRef
+  } = (0, import_rich_text.__unstableUseRichText)({
+    value: title,
+    onChange(newValue) {
+      onUpdate(newValue.replace(import_constants.REGEXP_NEWLINES, " "));
+    },
+    placeholder: decodedPlaceholder,
+    selectionStart: selection.start,
+    selectionEnd: selection.end,
+    onSelectionChange(newStart, newEnd) {
+      setSelection((sel) => {
+        const { start, end } = sel;
+        if (start === newStart && end === newEnd) {
+          return sel;
+        }
+        return {
+          start: newStart,
+          end: newEnd
+        };
+      });
+    },
+    __unstableDisableFormats: false
+  });
+  function onInsertBlockAfter(blocks) {
+    insertBlocks(blocks, 0);
+  }
+  function onSelect() {
+    setIsSelected(true);
+    clearSelectedBlock();
+  }
+  function onUnselect() {
+    setIsSelected(false);
+    setSelection({});
+  }
+  function onEnterPress() {
+    insertDefaultBlock(void 0, void 0, 0);
+  }
+  function onKeyDown(event) {
+    if (event.keyCode === import_keycodes.ENTER) {
+      event.preventDefault();
+      onEnterPress();
+    }
+  }
+  function onPaste(event) {
+    const clipboardData = event.clipboardData;
+    let plainText = "";
+    let html = "";
+    try {
+      plainText = clipboardData.getData("text/plain");
+      html = clipboardData.getData("text/html");
+    } catch (error) {
+      return;
+    }
+    window.console.log("Received HTML:\n\n", html);
+    window.console.log("Received plain text:\n\n", plainText);
+    const content = (0, import_blocks.pasteHandler)({
+      HTML: html,
+      plainText
+    });
+    event.preventDefault();
+    if (!content.length) {
+      return;
+    }
+    if (typeof content !== "string") {
+      const [firstBlock] = content;
+      if (!title && (firstBlock.name === "core/heading" || firstBlock.name === "core/paragraph")) {
+        const contentNoHTML = (0, import_dom.__unstableStripHTML)(
+          firstBlock.attributes.content
+        );
+        onUpdate(contentNoHTML);
+        onInsertBlockAfter(content.slice(1));
+      } else {
+        onInsertBlockAfter(content);
+      }
+    } else {
+      const contentNoHTML = (0, import_dom.__unstableStripHTML)(content);
+      onChange((0, import_rich_text.insert)(value, (0, import_rich_text.create)({ html: contentNoHTML })));
+    }
+  }
+  const className = (0, import_clsx.default)(import_constants.DEFAULT_CLASSNAMES, {
+    "is-selected": isSelected
+  });
+  const style = isEditingContentOnlySection ? { opacity: 0.2 } : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "h1",
+    {
+      ref: (0, import_compose.useMergeRefs)([richTextRef, focusRef]),
+      contentEditable: !isEditingContentOnlySection,
+      className,
+      "aria-label": decodedPlaceholder,
+      role: "textbox",
+      "aria-multiline": "true",
+      onFocus: onSelect,
+      onBlur: onUnselect,
+      onKeyDown,
+      onPaste,
+      style
+    }
+  );
+});
+var post_title_default = (0, import_element.forwardRef)((_, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_post_type_support_check.default, { supportKeys: "title", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PostTitle, { ref: forwardedRef }) }));
+//# sourceMappingURL=index.js.map

package/build/components/post-title/post-title-raw.js

@@ -0,0 +1,92 @@
+"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/post-title/post-title-raw.js
+var post_title_raw_exports = {};
+__export(post_title_raw_exports, {
+  default: () => post_title_raw_default
+});
+module.exports = __toCommonJS(post_title_raw_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_html_entities = require("@wordpress/html-entities");
+var import_data = require("@wordpress/data");
+var import_block_editor = require("@wordpress/block-editor");
+var import_element = require("@wordpress/element");
+var import_constants = require("./constants");
+var import_use_post_title_focus = __toESM(require("./use-post-title-focus"));
+var import_use_post_title = __toESM(require("./use-post-title"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function PostTitleRaw(_, forwardedRef) {
+  const { placeholder } = (0, import_data.useSelect)((select) => {
+    const { getSettings } = select(import_block_editor.store);
+    const { titlePlaceholder } = getSettings();
+    return {
+      placeholder: titlePlaceholder
+    };
+  }, []);
+  const [isSelected, setIsSelected] = (0, import_element.useState)(false);
+  const { title, setTitle: onUpdate } = (0, import_use_post_title.default)();
+  const { ref: focusRef } = (0, import_use_post_title_focus.default)(forwardedRef);
+  function onChange(value) {
+    onUpdate(value.replace(import_constants.REGEXP_NEWLINES, " "));
+  }
+  function onSelect() {
+    setIsSelected(true);
+  }
+  function onUnselect() {
+    setIsSelected(false);
+  }
+  const className = (0, import_clsx.default)(import_constants.DEFAULT_CLASSNAMES, {
+    "is-selected": isSelected,
+    "is-raw-text": true
+  });
+  const decodedPlaceholder = (0, import_html_entities.decodeEntities)(placeholder) || (0, import_i18n.__)("Add title");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.TextareaControl,
+    {
+      ref: focusRef,
+      value: title,
+      onChange,
+      onFocus: onSelect,
+      onBlur: onUnselect,
+      label: placeholder,
+      className,
+      placeholder: decodedPlaceholder,
+      hideLabelFromVision: true,
+      autoComplete: "off",
+      dir: "auto",
+      rows: 1,
+      __nextHasNoMarginBottom: true
+    }
+  );
+}
+var post_title_raw_default = (0, import_element.forwardRef)(PostTitleRaw);
+//# sourceMappingURL=post-title-raw.js.map

package/build/components/post-title/post-title-raw.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-title/post-title-raw.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { TextareaControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useState, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { DEFAULT_CLASSNAMES, REGEXP_NEWLINES } from './constants';\nimport usePostTitleFocus from './use-post-title-focus';\nimport usePostTitle from './use-post-title';\n\n/**\n * Renders a raw post title input field.\n *\n * @param {Object}  _            Unused parameter.\n * @param {Element} forwardedRef Reference to the component's DOM node.\n *\n * @return {React.ReactNode} The rendered component.\n */\nfunction PostTitleRaw( _, forwardedRef ) {\n\tconst { placeholder } = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { titlePlaceholder } = getSettings();\n\n\t\treturn {\n\t\t\tplaceholder: titlePlaceholder,\n\t\t};\n\t}, [] );\n\n\tconst [ isSelected, setIsSelected ] = useState( false );\n\n\tconst { title, setTitle: onUpdate } = usePostTitle();\n\tconst { ref: focusRef } = usePostTitleFocus( forwardedRef );\n\n\tfunction onChange( value ) {\n\t\tonUpdate( value.replace( REGEXP_NEWLINES, ' ' ) );\n\t}\n\n\tfunction onSelect() {\n\t\tsetIsSelected( true );\n\t}\n\n\tfunction onUnselect() {\n\t\tsetIsSelected( false );\n\t}\n\n\t// The wp-block className is important for editor styles.\n\t// This same block is used in both the visual and the code editor.\n\tconst className = clsx( DEFAULT_CLASSNAMES, {\n\t\t'is-selected': isSelected,\n\t\t'is-raw-text': true,\n\t} );\n\n\tconst decodedPlaceholder =\n\t\tdecodeEntities( placeholder ) || __( 'Add title' );\n\n\treturn (\n\t\t<TextareaControl\n\t\t\tref={ focusRef }\n\t\t\tvalue={ title }\n\t\t\tonChange={ onChange }\n\t\t\tonFocus={ onSelect }\n\t\t\tonBlur={ onUnselect }\n\t\t\tlabel={ placeholder }\n\t\t\tclassName={ className }\n\t\t\tplaceholder={ decodedPlaceholder }\n\t\t\thideLabelFromVision\n\t\t\tautoComplete=\"off\"\n\t\t\tdir=\"auto\"\n\t\t\trows={ 1 }\n\t\t\t__nextHasNoMarginBottom\n\t\t/>\n\t);\n}\n\nexport default forwardRef( PostTitleRaw );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,wBAAgC;AAChC,kBAAmB;AACnB,2BAA+B;AAC/B,kBAA0B;AAC1B,0BAA0C;AAC1C,qBAAqC;AAKrC,uBAAoD;AACpD,kCAA8B;AAC9B,4BAAyB;AAgDvB;AAtCF,SAAS,aAAc,GAAG,cAAe;AACxC,QAAM,EAAE,YAAY,QAAI,uBAAW,CAAE,WAAY;AAChD,UAAM,EAAE,YAAY,IAAI,OAAQ,oBAAAA,KAAiB;AACjD,UAAM,EAAE,iBAAiB,IAAI,YAAY;AAEzC,WAAO;AAAA,MACN,aAAa;AAAA,IACd;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,QAAM,CAAE,YAAY,aAAc,QAAI,yBAAU,KAAM;AAEtD,QAAM,EAAE,OAAO,UAAU,SAAS,QAAI,sBAAAC,SAAa;AACnD,QAAM,EAAE,KAAK,SAAS,QAAI,4BAAAC,SAAmB,YAAa;AAE1D,WAAS,SAAU,OAAQ;AAC1B,aAAU,MAAM,QAAS,kCAAiB,GAAI,CAAE;AAAA,EACjD;AAEA,WAAS,WAAW;AACnB,kBAAe,IAAK;AAAA,EACrB;AAEA,WAAS,aAAa;AACrB,kBAAe,KAAM;AAAA,EACtB;AAIA,QAAM,gBAAY,YAAAC,SAAM,qCAAoB;AAAA,IAC3C,eAAe;AAAA,IACf,eAAe;AAAA,EAChB,CAAE;AAEF,QAAM,yBACL,qCAAgB,WAAY,SAAK,gBAAI,WAAY;AAElD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,KAAM;AAAA,MACN,OAAQ;AAAA,MACR;AAAA,MACA,SAAU;AAAA,MACV,QAAS;AAAA,MACT,OAAQ;AAAA,MACR;AAAA,MACA,aAAc;AAAA,MACd,qBAAmB;AAAA,MACnB,cAAa;AAAA,MACb,KAAI;AAAA,MACJ,MAAO;AAAA,MACP,yBAAuB;AAAA;AAAA,EACxB;AAEF;AAEA,IAAO,6BAAQ,2BAAY,YAAa;",
+  "names": ["blockEditorStore", "usePostTitle", "usePostTitleFocus", "clsx"]
+}

package/build/components/post-title/use-post-title-focus.js

@@ -0,0 +1,56 @@
+"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/post-title/use-post-title-focus.js
+var use_post_title_focus_exports = {};
+__export(use_post_title_focus_exports, {
+  default: () => usePostTitleFocus
+});
+module.exports = __toCommonJS(use_post_title_focus_exports);
+var import_element = require("@wordpress/element");
+var import_data = require("@wordpress/data");
+var import_store = require("../../store");
+function usePostTitleFocus(forwardedRef) {
+  const ref = (0, import_element.useRef)();
+  const { isCleanNewPost } = (0, import_data.useSelect)((select) => {
+    const { isCleanNewPost: _isCleanNewPost } = select(import_store.store);
+    return {
+      isCleanNewPost: _isCleanNewPost()
+    };
+  }, []);
+  (0, import_element.useImperativeHandle)(forwardedRef, () => ({
+    focus: () => {
+      ref?.current?.focus();
+    }
+  }));
+  (0, import_element.useEffect)(() => {
+    if (!ref.current) {
+      return;
+    }
+    const { defaultView } = ref.current.ownerDocument;
+    const { name, parent } = defaultView;
+    const ownerDocument = name === "editor-canvas" ? parent.document : defaultView.document;
+    const { activeElement, body } = ownerDocument;
+    if (isCleanNewPost && (!activeElement || body === activeElement)) {
+      ref.current.focus();
+    }
+  }, [isCleanNewPost]);
+  return { ref };
+}
+//# sourceMappingURL=use-post-title-focus.js.map

package/build/components/post-title/use-post-title.js

@@ -0,0 +1,41 @@
+"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/post-title/use-post-title.js
+var use_post_title_exports = {};
+__export(use_post_title_exports, {
+  default: () => usePostTitle
+});
+module.exports = __toCommonJS(use_post_title_exports);
+var import_data = require("@wordpress/data");
+var import_store = require("../../store");
+function usePostTitle() {
+  const { editPost } = (0, import_data.useDispatch)(import_store.store);
+  const { title } = (0, import_data.useSelect)((select) => {
+    const { getEditedPostAttribute } = select(import_store.store);
+    return {
+      title: getEditedPostAttribute("title")
+    };
+  }, []);
+  function updateTitle(newTitle) {
+    editPost({ title: newTitle });
+  }
+  return { title, setTitle: updateTitle };
+}
+//# sourceMappingURL=use-post-title.js.map

package/build/components/post-transform-panel/hooks.js

@@ -0,0 +1,103 @@
+"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/post-transform-panel/hooks.js
+var hooks_exports = {};
+__export(hooks_exports, {
+  useAvailablePatterns: () => useAvailablePatterns
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_core_data = require("@wordpress/core-data");
+var import_blocks = require("@wordpress/blocks");
+var import_patterns = require("@wordpress/patterns");
+var import_lock_unlock = require("../../lock-unlock");
+var import_store = require("../../store");
+var { EXCLUDED_PATTERN_SOURCES, PATTERN_TYPES } = (0, import_lock_unlock.unlock)(import_patterns.privateApis);
+function injectThemeAttributeInBlockTemplateContent(block, currentThemeStylesheet) {
+  block.innerBlocks = block.innerBlocks.map((innerBlock) => {
+    return injectThemeAttributeInBlockTemplateContent(
+      innerBlock,
+      currentThemeStylesheet
+    );
+  });
+  if (block.name === "core/template-part" && block.attributes.theme === void 0) {
+    block.attributes.theme = currentThemeStylesheet;
+  }
+  return block;
+}
+function filterPatterns(patterns, template) {
+  const filterOutDuplicatesByName = (currentItem, index, items) => index === items.findIndex((item) => currentItem.name === item.name);
+  const filterOutExcludedPatternSources = (pattern) => !EXCLUDED_PATTERN_SOURCES.includes(pattern.source);
+  const filterCompatiblePatterns = (pattern) => pattern.templateTypes?.includes(template.slug) || pattern.blockTypes?.includes("core/template-part/" + template.area);
+  return patterns.filter((pattern, index, items) => {
+    return filterOutDuplicatesByName(pattern, index, items) && filterOutExcludedPatternSources(pattern) && filterCompatiblePatterns(pattern);
+  });
+}
+function preparePatterns(patterns, currentThemeStylesheet) {
+  return patterns.map((pattern) => ({
+    ...pattern,
+    keywords: pattern.keywords || [],
+    type: PATTERN_TYPES.theme,
+    blocks: (0, import_blocks.parse)(pattern.content, {
+      __unstableSkipMigrationLogs: true
+    }).map(
+      (block) => injectThemeAttributeInBlockTemplateContent(
+        block,
+        currentThemeStylesheet
+      )
+    )
+  }));
+}
+function useAvailablePatterns({ area, name, slug }) {
+  const { blockPatterns, restBlockPatterns, currentThemeStylesheet } = (0, import_data.useSelect)((select) => {
+    const { getEditorSettings } = select(import_store.store);
+    const settings = getEditorSettings();
+    return {
+      blockPatterns: settings.__experimentalAdditionalBlockPatterns ?? settings.__experimentalBlockPatterns,
+      restBlockPatterns: select(import_core_data.store).getBlockPatterns(),
+      currentThemeStylesheet: select(import_core_data.store).getCurrentTheme().stylesheet
+    };
+  }, []);
+  return (0, import_element.useMemo)(() => {
+    const mergedPatterns = [
+      ...blockPatterns || [],
+      ...restBlockPatterns || []
+    ];
+    const filteredPatterns = filterPatterns(mergedPatterns, {
+      area,
+      name,
+      slug
+    });
+    return preparePatterns(filteredPatterns, currentThemeStylesheet);
+  }, [
+    area,
+    name,
+    slug,
+    blockPatterns,
+    restBlockPatterns,
+    currentThemeStylesheet
+  ]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useAvailablePatterns
+});
+//# sourceMappingURL=hooks.js.map

package/build/components/post-transform-panel/index.js

@@ -0,0 +1,103 @@
+"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/post-transform-panel/index.js
+var post_transform_panel_exports = {};
+__export(post_transform_panel_exports, {
+  default: () => PostTransformPanel
+});
+module.exports = __toCommonJS(post_transform_panel_exports);
+var import_data = require("@wordpress/data");
+var import_core_data = require("@wordpress/core-data");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_block_editor = require("@wordpress/block-editor");
+var import_blocks = require("@wordpress/blocks");
+var import_store = require("../../store");
+var import_hooks = require("./hooks");
+var import_constants = require("../../store/constants");
+var import_jsx_runtime = require("react/jsx-runtime");
+function TemplatesList({ availableTemplates, onSelect }) {
+  if (!availableTemplates || availableTemplates?.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_block_editor.__experimentalBlockPatternsList,
+    {
+      label: (0, import_i18n.__)("Templates"),
+      blockPatterns: availableTemplates,
+      onClickPattern: onSelect,
+      showTitlesAsTooltip: true
+    }
+  );
+}
+function PostTransform() {
+  const { area, name, slug, postType, postId } = (0, import_data.useSelect)((select) => {
+    const { getCurrentPostType, getCurrentPostId } = select(import_store.store);
+    const { getEditedEntityRecord } = select(import_core_data.store);
+    const type = getCurrentPostType();
+    const id = getCurrentPostId();
+    const record = getEditedEntityRecord("postType", type, id);
+    return {
+      area: record?.area,
+      name: record?.name,
+      slug: record?.slug,
+      postType: type,
+      postId: id
+    };
+  }, []);
+  const { editEntityRecord } = (0, import_data.useDispatch)(import_core_data.store);
+  const availablePatterns = (0, import_hooks.useAvailablePatterns)({ area, name, slug });
+  const onTemplateSelect = async (selectedTemplate) => {
+    await editEntityRecord("postType", postType, postId, {
+      blocks: selectedTemplate.blocks,
+      content: (0, import_blocks.serialize)(selectedTemplate.blocks)
+    });
+  };
+  if (!availablePatterns?.length) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.PanelBody,
+    {
+      title: (0, import_i18n.__)("Design"),
+      initialOpen: postType === import_constants.TEMPLATE_PART_POST_TYPE,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        TemplatesList,
+        {
+          availableTemplates: availablePatterns,
+          onSelect: onTemplateSelect
+        }
+      )
+    }
+  );
+}
+function PostTransformPanel() {
+  const { postType } = (0, import_data.useSelect)((select) => {
+    const { getCurrentPostType } = select(import_store.store);
+    return {
+      postType: getCurrentPostType()
+    };
+  }, []);
+  if (![import_constants.TEMPLATE_PART_POST_TYPE, import_constants.TEMPLATE_POST_TYPE].includes(postType)) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PostTransform, {});
+}
+//# sourceMappingURL=index.js.map

package/build/components/post-trash/check.js

@@ -0,0 +1,51 @@
+"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/post-trash/check.js
+var check_exports = {};
+__export(check_exports, {
+  default: () => PostTrashCheck
+});
+module.exports = __toCommonJS(check_exports);
+var import_data = require("@wordpress/data");
+var import_core_data = require("@wordpress/core-data");
+var import_store = require("../../store");
+var import_constants = require("../../store/constants");
+function PostTrashCheck({ children }) {
+  const { canTrashPost } = (0, import_data.useSelect)((select) => {
+    const { isEditedPostNew, getCurrentPostId, getCurrentPostType } = select(import_store.store);
+    const { canUser } = select(import_core_data.store);
+    const postType = getCurrentPostType();
+    const postId = getCurrentPostId();
+    const isNew = isEditedPostNew();
+    const canUserDelete = !!postId ? canUser("delete", {
+      kind: "postType",
+      name: postType,
+      id: postId
+    }) : false;
+    return {
+      canTrashPost: (!isNew || postId) && canUserDelete && !import_constants.GLOBAL_POST_TYPES.includes(postType)
+    };
+  }, []);
+  if (!canTrashPost) {
+    return null;
+  }
+  return children;
+}
+//# sourceMappingURL=check.js.map