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

package/build-module/components/more-menu/index.mjs

@@ -0,0 +1,167 @@
+// packages/editor/src/components/more-menu/index.js
+import { __, _x } from "@wordpress/i18n";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { displayShortcut } from "@wordpress/keycodes";
+import { external, moreVertical } from "@wordpress/icons";
+import {
+  MenuGroup,
+  MenuItem,
+  VisuallyHidden,
+  DropdownMenu
+} from "@wordpress/components";
+import {
+  PreferenceToggleMenuItem,
+  store as preferencesStore
+} from "@wordpress/preferences";
+import { store as interfaceStore, ActionItem } from "@wordpress/interface";
+import CopyContentMenuItem from "./copy-content-menu-item.mjs";
+import ModeSwitcher from "../mode-switcher/index.mjs";
+import ToolsMoreMenuGroup from "./tools-more-menu-group.mjs";
+import ViewMoreMenuGroup from "./view-more-menu-group.mjs";
+import { store as editorStore } from "../../store/index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function MoreMenu() {
+  const { openModal } = useDispatch(interfaceStore);
+  const { set: setPreference } = useDispatch(preferencesStore);
+  const { toggleDistractionFree } = useDispatch(editorStore);
+  const showIconLabels = useSelect(
+    (select) => select(preferencesStore).get("core", "showIconLabels"),
+    []
+  );
+  const turnOffDistractionFree = () => {
+    setPreference("core", "distractionFree", false);
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    DropdownMenu,
+    {
+      icon: moreVertical,
+      label: __("Options"),
+      popoverProps: {
+        placement: "bottom-end",
+        className: "more-menu-dropdown__content"
+      },
+      toggleProps: {
+        showTooltip: !showIconLabels,
+        ...showIconLabels && { variant: "tertiary" },
+        tooltipPosition: "bottom",
+        size: "compact"
+      },
+      children: ({ onClose }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(MenuGroup, { label: _x("View", "noun"), children: [
+          /* @__PURE__ */ jsx(
+            PreferenceToggleMenuItem,
+            {
+              scope: "core",
+              name: "fixedToolbar",
+              onToggle: turnOffDistractionFree,
+              label: __("Top toolbar"),
+              info: __(
+                "Access all block and document tools in a single place"
+              ),
+              messageActivated: __(
+                "Top toolbar activated."
+              ),
+              messageDeactivated: __(
+                "Top toolbar deactivated."
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PreferenceToggleMenuItem,
+            {
+              scope: "core",
+              name: "distractionFree",
+              label: __("Distraction free"),
+              info: __("Write with calmness"),
+              handleToggling: false,
+              onToggle: () => toggleDistractionFree({
+                createNotice: false
+              }),
+              messageActivated: __(
+                "Distraction free mode activated."
+              ),
+              messageDeactivated: __(
+                "Distraction free mode deactivated."
+              ),
+              shortcut: displayShortcut.primaryShift(
+                "\\"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PreferenceToggleMenuItem,
+            {
+              scope: "core",
+              name: "focusMode",
+              label: __("Spotlight mode"),
+              info: __("Focus on one block at a time"),
+              messageActivated: __(
+                "Spotlight mode activated."
+              ),
+              messageDeactivated: __(
+                "Spotlight mode deactivated."
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(ViewMoreMenuGroup.Slot, { fillProps: { onClose } })
+        ] }),
+        /* @__PURE__ */ jsx(ModeSwitcher, {}),
+        /* @__PURE__ */ jsx(
+          ActionItem.Slot,
+          {
+            name: "core/plugin-more-menu",
+            label: __("Panels"),
+            fillProps: { onClick: onClose }
+          }
+        ),
+        /* @__PURE__ */ jsxs(MenuGroup, { label: __("Tools"), children: [
+          /* @__PURE__ */ jsx(
+            MenuItem,
+            {
+              onClick: () => openModal("editor/keyboard-shortcut-help"),
+              shortcut: displayShortcut.access("h"),
+              children: __("Keyboard shortcuts")
+            }
+          ),
+          /* @__PURE__ */ jsx(CopyContentMenuItem, {}),
+          /* @__PURE__ */ jsxs(
+            MenuItem,
+            {
+              icon: external,
+              href: __(
+                "https://wordpress.org/documentation/article/wordpress-block-editor/"
+              ),
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: [
+                __("Help"),
+                /* @__PURE__ */ jsx(VisuallyHidden, {
+                  as: "span",
+                  /* translators: accessibility text */
+                  children: __("(opens in a new tab)")
+                })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolsMoreMenuGroup.Slot,
+            {
+              fillProps: { onClose }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(MenuGroup, { children: /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            onClick: () => openModal("editor/preferences"),
+            children: __("Preferences")
+          }
+        ) })
+      ] })
+    }
+  ) });
+}
+export {
+  MoreMenu as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/more-menu/tools-more-menu-group.mjs

@@ -0,0 +1,10 @@
+// packages/editor/src/components/more-menu/tools-more-menu-group.js
+import { createSlotFill } from "@wordpress/components";
+import { jsx } from "react/jsx-runtime";
+var { Fill: ToolsMoreMenuGroup, Slot } = createSlotFill("ToolsMoreMenuGroup");
+ToolsMoreMenuGroup.Slot = ({ fillProps }) => /* @__PURE__ */ jsx(Slot, { fillProps });
+var tools_more_menu_group_default = ToolsMoreMenuGroup;
+export {
+  tools_more_menu_group_default as default
+};
+//# sourceMappingURL=tools-more-menu-group.mjs.map

package/build-module/components/more-menu/view-more-menu-group.mjs

@@ -0,0 +1,13 @@
+// packages/editor/src/components/more-menu/view-more-menu-group.js
+import { createSlotFill } from "@wordpress/components";
+import { Platform } from "@wordpress/element";
+import { jsx } from "react/jsx-runtime";
+var { Fill: ViewMoreMenuGroup, Slot } = createSlotFill(
+  Platform.OS === "web" ? Symbol("ViewMoreMenuGroup") : "ViewMoreMenuGroup"
+);
+ViewMoreMenuGroup.Slot = ({ fillProps }) => /* @__PURE__ */ jsx(Slot, { fillProps });
+var view_more_menu_group_default = ViewMoreMenuGroup;
+export {
+  view_more_menu_group_default as default
+};
+//# sourceMappingURL=view-more-menu-group.mjs.map

package/build-module/components/page-attributes/check.mjs

@@ -0,0 +1,22 @@
+// packages/editor/src/components/page-attributes/check.js
+import { useSelect } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+import { store as editorStore } from "../../store/index.mjs";
+function PageAttributesCheck({ children }) {
+  const supportsPageAttributes = useSelect((select) => {
+    const { getEditedPostAttribute } = select(editorStore);
+    const { getPostType } = select(coreStore);
+    const postType = getPostType(getEditedPostAttribute("type"));
+    return !!postType?.supports?.["page-attributes"];
+  }, []);
+  if (!supportsPageAttributes) {
+    return null;
+  }
+  return children;
+}
+var check_default = PageAttributesCheck;
+export {
+  PageAttributesCheck,
+  check_default as default
+};
+//# sourceMappingURL=check.mjs.map

package/build-module/components/page-attributes/order.mjs

@@ -0,0 +1,49 @@
+// packages/editor/src/components/page-attributes/order.js
+import { __ } from "@wordpress/i18n";
+import {
+  Flex,
+  FlexBlock,
+  __experimentalNumberControl as NumberControl
+} from "@wordpress/components";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { useState } from "@wordpress/element";
+import PostTypeSupportCheck from "../post-type-support-check/index.mjs";
+import { store as editorStore } from "../../store/index.mjs";
+import { jsx } from "react/jsx-runtime";
+function PageAttributesOrder() {
+  const order = useSelect(
+    (select) => select(editorStore).getEditedPostAttribute("menu_order") ?? 0,
+    []
+  );
+  const { editPost } = useDispatch(editorStore);
+  const [orderInput, setOrderInput] = useState(null);
+  const setUpdatedOrder = (value2) => {
+    setOrderInput(value2);
+    const newOrder = Number(value2);
+    if (Number.isInteger(newOrder) && value2.trim?.() !== "") {
+      editPost({ menu_order: newOrder });
+    }
+  };
+  const value = orderInput ?? order;
+  return /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(FlexBlock, { children: /* @__PURE__ */ jsx(
+    NumberControl,
+    {
+      __next40pxDefaultSize: true,
+      label: __("Order"),
+      help: __("Set the page order."),
+      value,
+      onChange: setUpdatedOrder,
+      hideLabelFromVision: true,
+      onBlur: () => {
+        setOrderInput(null);
+      }
+    }
+  ) }) });
+}
+function PageAttributesOrderWithChecks() {
+  return /* @__PURE__ */ jsx(PostTypeSupportCheck, { supportKeys: "page-attributes", children: /* @__PURE__ */ jsx(PageAttributesOrder, {}) });
+}
+export {
+  PageAttributesOrderWithChecks as default
+};
+//# sourceMappingURL=order.mjs.map

package/build-module/components/page-attributes/panel.mjs

@@ -0,0 +1,29 @@
+// packages/editor/src/components/page-attributes/panel.js
+import { useSelect } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+import { store as editorStore } from "../../store/index.mjs";
+import PageAttributesCheck from "./check.mjs";
+import { ParentRow } from "./parent.mjs";
+import { jsx } from "react/jsx-runtime";
+var PANEL_NAME = "page-attributes";
+function AttributesPanel() {
+  const { isEnabled, postType } = useSelect((select) => {
+    const { getEditedPostAttribute, isEditorPanelEnabled } = select(editorStore);
+    const { getPostType } = select(coreStore);
+    return {
+      isEnabled: isEditorPanelEnabled(PANEL_NAME),
+      postType: getPostType(getEditedPostAttribute("type"))
+    };
+  }, []);
+  if (!isEnabled || !postType) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ParentRow, {});
+}
+function PageAttributesPanel() {
+  return /* @__PURE__ */ jsx(PageAttributesCheck, { children: /* @__PURE__ */ jsx(AttributesPanel, {}) });
+}
+export {
+  PageAttributesPanel as default
+};
+//# sourceMappingURL=panel.mjs.map

package/build-module/components/page-attributes/parent.mjs

@@ -0,0 +1,261 @@
+// packages/editor/src/components/page-attributes/parent.js
+import removeAccents from "remove-accents";
+import { __, sprintf } from "@wordpress/i18n";
+import {
+  Button,
+  Dropdown,
+  ComboboxControl,
+  ExternalLink
+} from "@wordpress/components";
+import { debounce } from "@wordpress/compose";
+import {
+  createInterpolateElement,
+  useState,
+  useMemo
+} from "@wordpress/element";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { decodeEntities } from "@wordpress/html-entities";
+import { store as coreStore } from "@wordpress/core-data";
+import { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from "@wordpress/block-editor";
+import { filterURLForDisplay } from "@wordpress/url";
+import PostPanelRow from "../post-panel-row/index.mjs";
+import { buildTermsTree } from "../../utils/terms.mjs";
+import { store as editorStore } from "../../store/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getTitle(post) {
+  return post?.title?.rendered ? decodeEntities(post.title.rendered) : `#${post.id} (${__("no title")})`;
+}
+var getItemPriority = (name, searchValue) => {
+  const normalizedName = removeAccents(name || "").toLowerCase();
+  const normalizedSearch = removeAccents(searchValue || "").toLowerCase();
+  if (normalizedName === normalizedSearch) {
+    return 0;
+  }
+  if (normalizedName.startsWith(normalizedSearch)) {
+    return normalizedName.length;
+  }
+  return Infinity;
+};
+function PageAttributesParent() {
+  const { editPost } = useDispatch(editorStore);
+  const [fieldValue, setFieldValue] = useState(false);
+  const {
+    isHierarchical,
+    parentPostId,
+    parentPostTitle,
+    pageItems,
+    isLoading
+  } = useSelect(
+    (select) => {
+      const {
+        getPostType,
+        getEntityRecords,
+        getEntityRecord,
+        isResolving
+      } = select(coreStore);
+      const { getCurrentPostId, getEditedPostAttribute } = select(editorStore);
+      const postTypeSlug = getEditedPostAttribute("type");
+      const pageId = getEditedPostAttribute("parent");
+      const pType = getPostType(postTypeSlug);
+      const postId = getCurrentPostId();
+      const postIsHierarchical = pType?.hierarchical ?? false;
+      const query = {
+        per_page: 100,
+        exclude: postId,
+        parent_exclude: postId,
+        orderby: "menu_order",
+        order: "asc",
+        _fields: "id,title,parent"
+      };
+      if (!!fieldValue) {
+        query.search = fieldValue;
+        query.orderby = "relevance";
+      }
+      const parentPost = pageId ? getEntityRecord("postType", postTypeSlug, pageId) : null;
+      return {
+        isHierarchical: postIsHierarchical,
+        parentPostId: pageId,
+        parentPostTitle: parentPost ? getTitle(parentPost) : "",
+        pageItems: postIsHierarchical ? getEntityRecords("postType", postTypeSlug, query) : null,
+        isLoading: postIsHierarchical ? isResolving("getEntityRecords", [
+          "postType",
+          postTypeSlug,
+          query
+        ]) : false
+      };
+    },
+    [fieldValue]
+  );
+  const parentOptions = useMemo(() => {
+    const getOptionsFromTree = (tree2, level = 0) => {
+      const mappedNodes = tree2.map((treeNode) => [
+        {
+          value: treeNode.id,
+          label: "\u2014 ".repeat(level) + decodeEntities(treeNode.name),
+          rawName: treeNode.name
+        },
+        ...getOptionsFromTree(treeNode.children || [], level + 1)
+      ]);
+      const sortedNodes = mappedNodes.sort(([a], [b]) => {
+        const priorityA = getItemPriority(a.rawName, fieldValue);
+        const priorityB = getItemPriority(b.rawName, fieldValue);
+        return priorityA >= priorityB ? 1 : -1;
+      });
+      return sortedNodes.flat();
+    };
+    if (!pageItems) {
+      return [];
+    }
+    let tree = pageItems.map((item) => ({
+      id: item.id,
+      parent: item.parent,
+      name: getTitle(item)
+    }));
+    if (!fieldValue) {
+      tree = buildTermsTree(tree);
+    }
+    const opts = getOptionsFromTree(tree);
+    const optsHasParent = opts.find(
+      (item) => item.value === parentPostId
+    );
+    if (parentPostTitle && !optsHasParent) {
+      opts.unshift({
+        value: parentPostId,
+        label: parentPostTitle
+      });
+    }
+    return opts;
+  }, [pageItems, fieldValue, parentPostTitle, parentPostId]);
+  if (!isHierarchical) {
+    return null;
+  }
+  const handleKeydown = (inputValue) => {
+    setFieldValue(inputValue);
+  };
+  const handleChange = (selectedPostId) => {
+    editPost({ parent: selectedPostId });
+  };
+  return /* @__PURE__ */ jsx(
+    ComboboxControl,
+    {
+      __next40pxDefaultSize: true,
+      className: "editor-page-attributes__parent",
+      label: __("Parent"),
+      help: __("Choose a parent page."),
+      value: parentPostId,
+      options: parentOptions,
+      onFilterValueChange: debounce(handleKeydown, 300),
+      onChange: handleChange,
+      hideLabelFromVision: true,
+      isLoading
+    }
+  );
+}
+function PostParentToggle({ isOpen, onClick }) {
+  const parentPost = useSelect((select) => {
+    const { getEditedPostAttribute } = select(editorStore);
+    const parentPostId = getEditedPostAttribute("parent");
+    if (!parentPostId) {
+      return null;
+    }
+    const { getEntityRecord } = select(coreStore);
+    const postTypeSlug = getEditedPostAttribute("type");
+    return getEntityRecord("postType", postTypeSlug, parentPostId);
+  }, []);
+  const parentTitle = useMemo(
+    () => !parentPost ? __("None") : getTitle(parentPost),
+    [parentPost]
+  );
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      size: "compact",
+      className: "editor-post-parent__panel-toggle",
+      variant: "tertiary",
+      "aria-expanded": isOpen,
+      "aria-label": (
+        // translators: %s: Current post parent.
+        sprintf(__("Change parent: %s"), parentTitle)
+      ),
+      onClick,
+      children: parentTitle
+    }
+  );
+}
+function ParentRow() {
+  const homeUrl = useSelect((select) => {
+    return select(coreStore).getEntityRecord("root", "__unstableBase")?.home;
+  }, []);
+  const [popoverAnchor, setPopoverAnchor] = useState(null);
+  const popoverProps = useMemo(
+    () => ({
+      // Anchor the popover to the middle of the entire row so that it doesn't
+      // move around when the label changes.
+      anchor: popoverAnchor,
+      placement: "left-start",
+      offset: 36,
+      shift: true
+    }),
+    [popoverAnchor]
+  );
+  return /* @__PURE__ */ jsx(PostPanelRow, { label: __("Parent"), ref: setPopoverAnchor, children: /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      popoverProps,
+      className: "editor-post-parent__panel-dropdown",
+      contentClassName: "editor-post-parent__panel-dialog",
+      focusOnMount: true,
+      renderToggle: ({ isOpen, onToggle }) => /* @__PURE__ */ jsx(PostParentToggle, { isOpen, onClick: onToggle }),
+      renderContent: ({ onClose }) => /* @__PURE__ */ jsxs("div", { className: "editor-post-parent", children: [
+        /* @__PURE__ */ jsx(
+          InspectorPopoverHeader,
+          {
+            title: __("Parent"),
+            onClose
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          createInterpolateElement(
+            sprintf(
+              /* translators: %s: The home URL of the WordPress installation without the scheme. */
+              __(
+                'Child pages inherit characteristics from their parent, such as URL structure. For instance, if "Pricing" is a child of "Services", its URL would be %s<wbr />/services<wbr />/pricing.'
+              ),
+              filterURLForDisplay(homeUrl).replace(
+                /([/.])/g,
+                "<wbr />$1"
+              )
+            ),
+            {
+              wbr: /* @__PURE__ */ jsx("wbr", {})
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { children: createInterpolateElement(
+            __(
+              "They also show up as sub-items in the default navigation menu. <a>Learn more.</a>"
+            ),
+            {
+              a: /* @__PURE__ */ jsx(
+                ExternalLink,
+                {
+                  href: __(
+                    "https://wordpress.org/documentation/article/page-post-settings-sidebar/#page-attributes"
+                  )
+                }
+              )
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(PageAttributesParent, {})
+      ] })
+    }
+  ) });
+}
+var parent_default = PageAttributesParent;
+export {
+  PageAttributesParent,
+  ParentRow,
+  parent_default as default,
+  getItemPriority
+};
+//# sourceMappingURL=parent.mjs.map

package/build-module/components/page-attributes/parent.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/page-attributes/parent.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport removeAccents from 'remove-accents';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\tDropdown,\n\tComboboxControl,\n\tExternalLink,\n} from '@wordpress/components';\nimport { debounce } from '@wordpress/compose';\nimport {\n\tcreateInterpolateElement,\n\tuseState,\n\tuseMemo,\n} from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\nimport { filterURLForDisplay } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport PostPanelRow from '../post-panel-row';\nimport { buildTermsTree } from '../../utils/terms';\nimport { store as editorStore } from '../../store';\n\nfunction getTitle( post ) {\n\treturn post?.title?.rendered\n\t\t? decodeEntities( post.title.rendered )\n\t\t: `#${ post.id } (${ __( 'no title' ) })`;\n}\n\nexport const getItemPriority = ( name, searchValue ) => {\n\tconst normalizedName = removeAccents( name || '' ).toLowerCase();\n\tconst normalizedSearch = removeAccents( searchValue || '' ).toLowerCase();\n\tif ( normalizedName === normalizedSearch ) {\n\t\treturn 0;\n\t}\n\n\tif ( normalizedName.startsWith( normalizedSearch ) ) {\n\t\treturn normalizedName.length;\n\t}\n\n\treturn Infinity;\n};\n\n/**\n * Renders the Page Attributes Parent component. A dropdown menu in an editor interface\n * for selecting the parent page of a given page.\n *\n * @return {React.ReactNode} The component to be rendered. Return null if post type is not hierarchical.\n */\nexport function PageAttributesParent() {\n\tconst { editPost } = useDispatch( editorStore );\n\tconst [ fieldValue, setFieldValue ] = useState( false );\n\tconst {\n\t\tisHierarchical,\n\t\tparentPostId,\n\t\tparentPostTitle,\n\t\tpageItems,\n\t\tisLoading,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetPostType,\n\t\t\t\tgetEntityRecords,\n\t\t\t\tgetEntityRecord,\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst { getCurrentPostId, getEditedPostAttribute } =\n\t\t\t\tselect( editorStore );\n\t\t\tconst postTypeSlug = getEditedPostAttribute( 'type' );\n\t\t\tconst pageId = getEditedPostAttribute( 'parent' );\n\t\t\tconst pType = getPostType( postTypeSlug );\n\t\t\tconst postId = getCurrentPostId();\n\t\t\tconst postIsHierarchical = pType?.hierarchical ?? false;\n\t\t\tconst query = {\n\t\t\t\tper_page: 100,\n\t\t\t\texclude: postId,\n\t\t\t\tparent_exclude: postId,\n\t\t\t\torderby: 'menu_order',\n\t\t\t\torder: 'asc',\n\t\t\t\t_fields: 'id,title,parent',\n\t\t\t};\n\n\t\t\t// Perform a search by relevance when the field is changed.\n\t\t\tif ( !! fieldValue ) {\n\t\t\t\tquery.search = fieldValue;\n\t\t\t\tquery.orderby = 'relevance';\n\t\t\t}\n\n\t\t\tconst parentPost = pageId\n\t\t\t\t? getEntityRecord( 'postType', postTypeSlug, pageId )\n\t\t\t\t: null;\n\n\t\t\treturn {\n\t\t\t\tisHierarchical: postIsHierarchical,\n\t\t\t\tparentPostId: pageId,\n\t\t\t\tparentPostTitle: parentPost ? getTitle( parentPost ) : '',\n\t\t\t\tpageItems: postIsHierarchical\n\t\t\t\t\t? getEntityRecords( 'postType', postTypeSlug, query )\n\t\t\t\t\t: null,\n\t\t\t\tisLoading: postIsHierarchical\n\t\t\t\t\t? isResolving( 'getEntityRecords', [\n\t\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t\tpostTypeSlug,\n\t\t\t\t\t\t\tquery,\n\t\t\t\t\t  ] )\n\t\t\t\t\t: false,\n\t\t\t};\n\t\t},\n\t\t[ fieldValue ]\n\t);\n\n\tconst parentOptions = useMemo( () => {\n\t\tconst getOptionsFromTree = ( tree, level = 0 ) => {\n\t\t\tconst mappedNodes = tree.map( ( treeNode ) => [\n\t\t\t\t{\n\t\t\t\t\tvalue: treeNode.id,\n\t\t\t\t\tlabel:\n\t\t\t\t\t\t'\u2014 '.repeat( level ) + decodeEntities( treeNode.name ),\n\t\t\t\t\trawName: treeNode.name,\n\t\t\t\t},\n\t\t\t\t...getOptionsFromTree( treeNode.children || [], level + 1 ),\n\t\t\t] );\n\n\t\t\tconst sortedNodes = mappedNodes.sort( ( [ a ], [ b ] ) => {\n\t\t\t\tconst priorityA = getItemPriority( a.rawName, fieldValue );\n\t\t\t\tconst priorityB = getItemPriority( b.rawName, fieldValue );\n\t\t\t\treturn priorityA >= priorityB ? 1 : -1;\n\t\t\t} );\n\n\t\t\treturn sortedNodes.flat();\n\t\t};\n\n\t\tif ( ! pageItems ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet tree = pageItems.map( ( item ) => ( {\n\t\t\tid: item.id,\n\t\t\tparent: item.parent,\n\t\t\tname: getTitle( item ),\n\t\t} ) );\n\n\t\t// Only build a hierarchical tree when not searching.\n\t\tif ( ! fieldValue ) {\n\t\t\ttree = buildTermsTree( tree );\n\t\t}\n\n\t\tconst opts = getOptionsFromTree( tree );\n\n\t\t// Ensure the current parent is in the options list.\n\t\tconst optsHasParent = opts.find(\n\t\t\t( item ) => item.value === parentPostId\n\t\t);\n\t\tif ( parentPostTitle && ! optsHasParent ) {\n\t\t\topts.unshift( {\n\t\t\t\tvalue: parentPostId,\n\t\t\t\tlabel: parentPostTitle,\n\t\t\t} );\n\t\t}\n\t\treturn opts;\n\t}, [ pageItems, fieldValue, parentPostTitle, parentPostId ] );\n\n\tif ( ! isHierarchical ) {\n\t\treturn null;\n\t}\n\t/**\n\t * Handle user input.\n\t *\n\t * @param {string} inputValue The current value of the input field.\n\t */\n\tconst handleKeydown = ( inputValue ) => {\n\t\tsetFieldValue( inputValue );\n\t};\n\n\t/**\n\t * Handle author selection.\n\t *\n\t * @param {Object} selectedPostId The selected Author.\n\t */\n\tconst handleChange = ( selectedPostId ) => {\n\t\teditPost( { parent: selectedPostId } );\n\t};\n\n\treturn (\n\t\t<ComboboxControl\n\t\t\t__next40pxDefaultSize\n\t\t\tclassName=\"editor-page-attributes__parent\"\n\t\t\tlabel={ __( 'Parent' ) }\n\t\t\thelp={ __( 'Choose a parent page.' ) }\n\t\t\tvalue={ parentPostId }\n\t\t\toptions={ parentOptions }\n\t\t\tonFilterValueChange={ debounce( handleKeydown, 300 ) }\n\t\t\tonChange={ handleChange }\n\t\t\thideLabelFromVision\n\t\t\tisLoading={ isLoading }\n\t\t/>\n\t);\n}\n\nfunction PostParentToggle( { isOpen, onClick } ) {\n\tconst parentPost = useSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute } = select( editorStore );\n\t\tconst parentPostId = getEditedPostAttribute( 'parent' );\n\t\tif ( ! parentPostId ) {\n\t\t\treturn null;\n\t\t}\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst postTypeSlug = getEditedPostAttribute( 'type' );\n\t\treturn getEntityRecord( 'postType', postTypeSlug, parentPostId );\n\t}, [] );\n\tconst parentTitle = useMemo(\n\t\t() => ( ! parentPost ? __( 'None' ) : getTitle( parentPost ) ),\n\t\t[ parentPost ]\n\t);\n\treturn (\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\tclassName=\"editor-post-parent__panel-toggle\"\n\t\t\tvariant=\"tertiary\"\n\t\t\taria-expanded={ isOpen }\n\t\t\taria-label={\n\t\t\t\t// translators: %s: Current post parent.\n\t\t\t\tsprintf( __( 'Change parent: %s' ), parentTitle )\n\t\t\t}\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ parentTitle }\n\t\t</Button>\n\t);\n}\n\nexport function ParentRow() {\n\tconst homeUrl = useSelect( ( select ) => {\n\t\t// Site index.\n\t\treturn select( coreStore ).getEntityRecord( 'root', '__unstableBase' )\n\t\t\t?.home;\n\t}, [] );\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\tplacement: 'left-start',\n\t\t\toffset: 36,\n\t\t\tshift: true,\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\treturn (\n\t\t<PostPanelRow label={ __( 'Parent' ) } ref={ setPopoverAnchor }>\n\t\t\t<Dropdown\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tclassName=\"editor-post-parent__panel-dropdown\"\n\t\t\t\tcontentClassName=\"editor-post-parent__panel-dialog\"\n\t\t\t\tfocusOnMount\n\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t<PostParentToggle isOpen={ isOpen } onClick={ onToggle } />\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<div className=\"editor-post-parent\">\n\t\t\t\t\t\t<InspectorPopoverHeader\n\t\t\t\t\t\t\ttitle={ __( 'Parent' ) }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: The home URL of the WordPress installation without the scheme. */\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'Child pages inherit characteristics from their parent, such as URL structure. For instance, if \"Pricing\" is a child of \"Services\", its URL would be %s<wbr />/services<wbr />/pricing.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\tfilterURLForDisplay( homeUrl ).replace(\n\t\t\t\t\t\t\t\t\t\t/([/.])/g,\n\t\t\t\t\t\t\t\t\t\t'<wbr />$1'\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\twbr: <wbr />,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'They also show up as sub-items in the default navigation menu. <a>Learn more.</a>'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ta: (\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/page-post-settings-sidebar/#page-attributes'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<PageAttributesParent />\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</PostPanelRow>\n\t);\n}\n\nexport default PageAttributesParent;\n"],
+  "mappings": "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",
+  "names": ["tree"]
+}

package/build-module/components/pattern-duplicate-modal/index.mjs

@@ -0,0 +1,52 @@
+// packages/editor/src/components/pattern-duplicate-modal/index.js
+import { useDispatch, useSelect } from "@wordpress/data";
+import { privateApis as patternsPrivateApis } from "@wordpress/patterns";
+import { store as coreStore } from "@wordpress/core-data";
+import { store as interfaceStore } from "@wordpress/interface";
+import { unlock } from "../../lock-unlock.mjs";
+import { store as editorStore } from "../../store/index.mjs";
+import { PATTERN_POST_TYPE } from "../../store/constants.mjs";
+import { jsx } from "react/jsx-runtime";
+var { DuplicatePatternModal } = unlock(patternsPrivateApis);
+var modalName = "editor/pattern-duplicate";
+function PatternDuplicateModal() {
+  const isActive = useSelect(
+    (select) => select(interfaceStore).isModalActive(modalName)
+  );
+  const { record, postType } = useSelect(
+    (select) => {
+      if (!isActive) {
+        return {};
+      }
+      const { getCurrentPostType, getCurrentPostId } = select(editorStore);
+      const { getEditedEntityRecord } = select(coreStore);
+      const _postType = getCurrentPostType();
+      return {
+        record: getEditedEntityRecord(
+          "postType",
+          _postType,
+          getCurrentPostId()
+        ),
+        postType: _postType
+      };
+    },
+    [isActive]
+  );
+  const { closeModal } = useDispatch(interfaceStore);
+  if (!isActive || postType !== PATTERN_POST_TYPE) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    DuplicatePatternModal,
+    {
+      onClose: closeModal,
+      onSuccess: () => closeModal(),
+      pattern: record
+    }
+  );
+}
+export {
+  PatternDuplicateModal as default,
+  modalName
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/pattern-overrides-panel/index.mjs

@@ -0,0 +1,21 @@
+// packages/editor/src/components/pattern-overrides-panel/index.js
+import { useSelect } from "@wordpress/data";
+import { privateApis as patternsPrivateApis } from "@wordpress/patterns";
+import { store as editorStore } from "../../store/index.mjs";
+import { unlock } from "../../lock-unlock.mjs";
+import { jsx } from "react/jsx-runtime";
+var { OverridesPanel } = unlock(patternsPrivateApis);
+function PatternOverridesPanel() {
+  const supportsPatternOverridesPanel = useSelect(
+    (select) => select(editorStore).getCurrentPostType() === "wp_block",
+    []
+  );
+  if (!supportsPatternOverridesPanel) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(OverridesPanel, {});
+}
+export {
+  PatternOverridesPanel as default
+};
+//# sourceMappingURL=index.mjs.map