@wordpress/editor 14.36.0 → 14.36.1-next.738bb1424.0

package/build-module/utils/block-selection-path.js

@@ -0,0 +1,80 @@
+// packages/editor/src/utils/block-selection-path.js
+import { useRegistry } from "@wordpress/data";
+import { useCallback } from "@wordpress/element";
+import { store as blockEditorStore } from "@wordpress/block-editor";
+function useGenerateBlockPath() {
+  const registry = useRegistry();
+  return useCallback(
+    (clientId) => {
+      const { getBlock, getBlockParents, getBlockOrder } = registry.select(blockEditorStore);
+      const block = getBlock(clientId);
+      if (!block) {
+        return null;
+      }
+      const parents = getBlockParents(clientId);
+      const path = [];
+      const hierarchy = [...parents, clientId];
+      for (let i = 0; i < hierarchy.length; i++) {
+        const currentClientId = hierarchy[i];
+        const currentBlock = getBlock(currentClientId);
+        if (!currentBlock) {
+          return null;
+        }
+        const parentClientId = i > 0 ? hierarchy[i - 1] : "";
+        const siblings = getBlockOrder(parentClientId);
+        const index = siblings.indexOf(currentClientId);
+        if (index === -1) {
+          return null;
+        }
+        path.push({
+          blockName: currentBlock.name,
+          index,
+          // Store a simple content hash for verification (first 100 chars of serialized content)
+          contentHash: JSON.stringify(
+            currentBlock.attributes
+          ).slice(0, 100)
+        });
+      }
+      return path;
+    },
+    [registry]
+  );
+}
+function useRestoreBlockFromPath() {
+  const registry = useRegistry();
+  return useCallback(
+    (path) => {
+      if (!path || !Array.isArray(path) || path.length === 0) {
+        return null;
+      }
+      const { getBlock, getBlockOrder } = registry.select(blockEditorStore);
+      let currentParentId = "";
+      for (let i = 0; i < path.length; i++) {
+        const step = path[i];
+        const siblings = getBlockOrder(currentParentId);
+        if (step.index >= siblings.length) {
+          return null;
+        }
+        const candidateClientId = siblings[step.index];
+        const candidateBlock = getBlock(candidateClientId);
+        if (!candidateBlock) {
+          return null;
+        }
+        if (candidateBlock.name !== step.blockName) {
+          return null;
+        }
+        if (i === path.length - 1) {
+          return candidateClientId;
+        }
+        currentParentId = candidateClientId;
+      }
+      return null;
+    },
+    [registry]
+  );
+}
+export {
+  useGenerateBlockPath,
+  useRestoreBlockFromPath
+};
+//# sourceMappingURL=block-selection-path.js.map

package/build-module/utils/block-selection-path.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/block-selection-path.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRegistry } from '@wordpress/data';\nimport { useCallback } from '@wordpress/element';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Hook that returns a function to generate a block path for a given block clientId.\n * The path is an array of steps from root to the target block,\n * where each step contains the block name and index within its parent.\n *\n * @return {Function} Function that takes a clientId and returns the block path or null.\n */\nexport function useGenerateBlockPath() {\n\tconst registry = useRegistry();\n\n\treturn useCallback(\n\t\t( clientId ) => {\n\t\t\tconst { getBlock, getBlockParents, getBlockOrder } =\n\t\t\t\tregistry.select( blockEditorStore );\n\n\t\t\tconst block = getBlock( clientId );\n\t\t\tif ( ! block ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst parents = getBlockParents( clientId );\n\t\t\tconst path = [];\n\n\t\t\t// Build the path from root to target\n\t\t\tconst hierarchy = [ ...parents, clientId ];\n\n\t\t\tfor ( let i = 0; i < hierarchy.length; i++ ) {\n\t\t\t\tconst currentClientId = hierarchy[ i ];\n\t\t\t\tconst currentBlock = getBlock( currentClientId );\n\n\t\t\t\tif ( ! currentBlock ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\t// Get the parent's clientId (or null for root-level blocks)\n\t\t\t\tconst parentClientId = i > 0 ? hierarchy[ i - 1 ] : '';\n\n\t\t\t\t// Get siblings to determine index\n\t\t\t\tconst siblings = getBlockOrder( parentClientId );\n\t\t\t\tconst index = siblings.indexOf( currentClientId );\n\n\t\t\t\tif ( index === -1 ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tpath.push( {\n\t\t\t\t\tblockName: currentBlock.name,\n\t\t\t\t\tindex,\n\t\t\t\t\t// Store a simple content hash for verification (first 100 chars of serialized content)\n\t\t\t\t\tcontentHash: JSON.stringify(\n\t\t\t\t\t\tcurrentBlock.attributes\n\t\t\t\t\t).slice( 0, 100 ),\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\treturn path;\n\t\t},\n\t\t[ registry ]\n\t);\n}\n\n/**\n * Hook that returns a function to restore a block selection using a previously generated block path.\n * Walks the path from root to target, matching block name and index at each level.\n *\n * @return {Function} Function that takes a path and returns the clientId or null.\n */\nexport function useRestoreBlockFromPath() {\n\tconst registry = useRegistry();\n\n\treturn useCallback(\n\t\t( path ) => {\n\t\t\tif ( ! path || ! Array.isArray( path ) || path.length === 0 ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst { getBlock, getBlockOrder } =\n\t\t\t\tregistry.select( blockEditorStore );\n\n\t\t\tlet currentParentId = ''; // Start at root\n\n\t\t\t// Walk through each step in the path\n\t\t\tfor ( let i = 0; i < path.length; i++ ) {\n\t\t\t\tconst step = path[ i ];\n\t\t\t\tconst siblings = getBlockOrder( currentParentId );\n\n\t\t\t\t// Check if the index is valid\n\t\t\t\tif ( step.index >= siblings.length ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst candidateClientId = siblings[ step.index ];\n\t\t\t\tconst candidateBlock = getBlock( candidateClientId );\n\n\t\t\t\tif ( ! candidateBlock ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\t// Verify the block name matches\n\t\t\t\tif ( candidateBlock.name !== step.blockName ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\t// Optional: verify content hash for additional confidence\n\t\t\t\t// (Skipping this for now as attributes might change slightly)\n\n\t\t\t\t// If this is the last step, we found our block\n\t\t\t\tif ( i === path.length - 1 ) {\n\t\t\t\t\treturn candidateClientId;\n\t\t\t\t}\n\n\t\t\t\t// Otherwise, continue to the next level\n\t\t\t\tcurrentParentId = candidateClientId;\n\t\t\t}\n\n\t\t\treturn null;\n\t\t},\n\t\t[ registry ]\n\t);\n}\n"],
+  "mappings": ";AAGA,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,SAAS,wBAAwB;AASnC,SAAS,uBAAuB;AACtC,QAAM,WAAW,YAAY;AAE7B,SAAO;AAAA,IACN,CAAE,aAAc;AACf,YAAM,EAAE,UAAU,iBAAiB,cAAc,IAChD,SAAS,OAAQ,gBAAiB;AAEnC,YAAM,QAAQ,SAAU,QAAS;AACjC,UAAK,CAAE,OAAQ;AACd,eAAO;AAAA,MACR;AAEA,YAAM,UAAU,gBAAiB,QAAS;AAC1C,YAAM,OAAO,CAAC;AAGd,YAAM,YAAY,CAAE,GAAG,SAAS,QAAS;AAEzC,eAAU,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAM;AAC5C,cAAM,kBAAkB,UAAW,CAAE;AACrC,cAAM,eAAe,SAAU,eAAgB;AAE/C,YAAK,CAAE,cAAe;AACrB,iBAAO;AAAA,QACR;AAGA,cAAM,iBAAiB,IAAI,IAAI,UAAW,IAAI,CAAE,IAAI;AAGpD,cAAM,WAAW,cAAe,cAAe;AAC/C,cAAM,QAAQ,SAAS,QAAS,eAAgB;AAEhD,YAAK,UAAU,IAAK;AACnB,iBAAO;AAAA,QACR;AAEA,aAAK,KAAM;AAAA,UACV,WAAW,aAAa;AAAA,UACxB;AAAA;AAAA,UAEA,aAAa,KAAK;AAAA,YACjB,aAAa;AAAA,UACd,EAAE,MAAO,GAAG,GAAI;AAAA,QACjB,CAAE;AAAA,MACH;AAEA,aAAO;AAAA,IACR;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AACD;AAQO,SAAS,0BAA0B;AACzC,QAAM,WAAW,YAAY;AAE7B,SAAO;AAAA,IACN,CAAE,SAAU;AACX,UAAK,CAAE,QAAQ,CAAE,MAAM,QAAS,IAAK,KAAK,KAAK,WAAW,GAAI;AAC7D,eAAO;AAAA,MACR;AAEA,YAAM,EAAE,UAAU,cAAc,IAC/B,SAAS,OAAQ,gBAAiB;AAEnC,UAAI,kBAAkB;AAGtB,eAAU,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAM;AACvC,cAAM,OAAO,KAAM,CAAE;AACrB,cAAM,WAAW,cAAe,eAAgB;AAGhD,YAAK,KAAK,SAAS,SAAS,QAAS;AACpC,iBAAO;AAAA,QACR;AAEA,cAAM,oBAAoB,SAAU,KAAK,KAAM;AAC/C,cAAM,iBAAiB,SAAU,iBAAkB;AAEnD,YAAK,CAAE,gBAAiB;AACvB,iBAAO;AAAA,QACR;AAGA,YAAK,eAAe,SAAS,KAAK,WAAY;AAC7C,iBAAO;AAAA,QACR;AAMA,YAAK,MAAM,KAAK,SAAS,GAAI;AAC5B,iBAAO;AAAA,QACR;AAGA,0BAAkB;AAAA,MACnB;AAEA,aAAO;AAAA,IACR;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AACD;",
+  "names": []
+}

package/build-module/utils/get-template-info.js

@@ -1,6 +1,6 @@
 // packages/editor/src/utils/get-template-info.js
 import { layout } from "@wordpress/icons";
-import { getTemplatePartIcon } from "./get-template-part-icon";
+import { getTemplatePartIcon } from "./get-template-part-icon.js";
 var EMPTY_OBJECT = {};
 var getTemplateInfo = (params) => {
   if (!params) {

package/build-module/utils/get-template-part-icon.js

@@ -3,15 +3,21 @@ import {
   header as headerIcon,
   footer as footerIcon,
   sidebar as sidebarIcon,
+  tableColumnAfter as overlayIcon,
   symbolFilled as symbolFilledIcon
 } from "@wordpress/icons";
-function getTemplatePartIcon(iconName) {
-  if ("header" === iconName) {
+function getTemplatePartIcon(areaOrIconName) {
+  if ("header" === areaOrIconName) {
     return headerIcon;
-  } else if ("footer" === iconName) {
+  } else if ("footer" === areaOrIconName) {
     return footerIcon;
-  } else if ("sidebar" === iconName) {
+  } else if ("sidebar" === areaOrIconName) {
     return sidebarIcon;
+  } else if ("overlay" === areaOrIconName) {
+    return overlayIcon;
+  }
+  if ("menu" === areaOrIconName) {
+    return overlayIcon;
   }
   return symbolFilledIcon;
 }

package/build-module/utils/get-template-part-icon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/get-template-part-icon.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\theader as headerIcon,\n\tfooter as footerIcon,\n\tsidebar as sidebarIcon,\n\tsymbolFilled as symbolFilledIcon,\n} from '@wordpress/icons';\n/**\n * Helper function to retrieve the corresponding icon by name.\n *\n * @param {string} iconName The name of the icon.\n *\n * @return {Object} The corresponding icon.\n */\nexport function getTemplatePartIcon( iconName ) {\n\tif ( 'header' === iconName ) {\n\t\treturn headerIcon;\n\t} else if ( 'footer' === iconName ) {\n\t\treturn footerIcon;\n\t} else if ( 'sidebar' === iconName ) {\n\t\treturn sidebarIcon;\n\t}\n\treturn symbolFilledIcon;\n}\n"],
-  "mappings": ";AAGA;AAAA,EACC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,gBAAgB;AAAA,OACV;AAQA,SAAS,oBAAqB,UAAW;AAC/C,MAAK,aAAa,UAAW;AAC5B,WAAO;AAAA,EACR,WAAY,aAAa,UAAW;AACnC,WAAO;AAAA,EACR,WAAY,cAAc,UAAW;AACpC,WAAO;AAAA,EACR;AACA,SAAO;AACR;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\theader as headerIcon,\n\tfooter as footerIcon,\n\tsidebar as sidebarIcon,\n\ttableColumnAfter as overlayIcon,\n\tsymbolFilled as symbolFilledIcon,\n} from '@wordpress/icons';\n\n/**\n * Helper function to retrieve the corresponding icon by area name or icon name.\n *\n * @param {string} areaOrIconName The area name (e.g., 'header', 'overlay') or icon name (e.g., 'menu').\n *\n * @return {Object} The corresponding icon.\n */\nexport function getTemplatePartIcon( areaOrIconName ) {\n\t// Handle area names first\n\tif ( 'header' === areaOrIconName ) {\n\t\treturn headerIcon;\n\t} else if ( 'footer' === areaOrIconName ) {\n\t\treturn footerIcon;\n\t} else if ( 'sidebar' === areaOrIconName ) {\n\t\treturn sidebarIcon;\n\t} else if ( 'overlay' === areaOrIconName ) {\n\t\t// TODO: Replace with a proper overlay icon when available.\n\t\t// Using tableColumnAfter as a placeholder.\n\t\treturn overlayIcon;\n\t}\n\t// Handle icon names for backwards compatibility\n\tif ( 'menu' === areaOrIconName ) {\n\t\t// TODO: Replace with a proper overlay icon when available.\n\t\t// Using tableColumnAfter as a placeholder.\n\t\treturn overlayIcon;\n\t}\n\treturn symbolFilledIcon;\n}\n"],
+  "mappings": ";AAGA;AAAA,EACC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,OACV;AASA,SAAS,oBAAqB,gBAAiB;AAErD,MAAK,aAAa,gBAAiB;AAClC,WAAO;AAAA,EACR,WAAY,aAAa,gBAAiB;AACzC,WAAO;AAAA,EACR,WAAY,cAAc,gBAAiB;AAC1C,WAAO;AAAA,EACR,WAAY,cAAc,gBAAiB;AAG1C,WAAO;AAAA,EACR;AAEA,MAAK,WAAW,gBAAiB;AAGhC,WAAO;AAAA,EACR;AACA,SAAO;AACR;",
   "names": []
 }

package/build-module/utils/index.js

@@ -1,7 +1,7 @@
 // packages/editor/src/utils/index.js
-import mediaUpload from "./media-upload";
+import mediaUpload from "./media-upload/index.js";
 import { cleanForSlug } from "./url.js";
-import { getTemplatePartIcon } from "./get-template-part-icon";
+import { getTemplatePartIcon } from "./get-template-part-icon.js";
 export {
   cleanForSlug,
   getTemplatePartIcon,

package/build-module/utils/media-sideload/index.js

@@ -1,6 +1,6 @@
 // packages/editor/src/utils/media-sideload/index.js
 import { privateApis } from "@wordpress/media-utils";
-import { unlock } from "../../lock-unlock";
+import { unlock } from "../../lock-unlock.js";
 var { sideloadMedia: mediaSideload } = unlock(privateApis);
 var media_sideload_default = mediaSideload;
 export {

package/build-module/utils/media-upload/index.js

@@ -3,7 +3,7 @@ import { v4 as uuid } from "uuid";
 import { select, dispatch } from "@wordpress/data";
 import { store as coreDataStore } from "@wordpress/core-data";
 import { uploadMedia } from "@wordpress/media-utils";
-import { store as editorStore } from "../../store";
+import { store as editorStore } from "../../store/index.js";
 var noop = () => {
 };
 function mediaUpload({