@wordpress/block-library 9.32.0 → 9.33.1-next.b8c8708f3.0

package/build/comment-template/hooks.js

@@ -1,76 +1,68 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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);
+var hooks_exports = {};
+__export(hooks_exports, {
+  useCommentQueryArgs: () => useCommentQueryArgs,
+  useCommentTree: () => useCommentTree
 });
-exports.useCommentTree = exports.useCommentQueryArgs = void 0;
-var _element = require("@wordpress/element");
-var _data = require("@wordpress/data");
-var _blockEditor = require("@wordpress/block-editor");
-var _url = require("@wordpress/url");
-var _apiFetch = _interopRequireDefault(require("@wordpress/api-fetch"));
-/**
- * WordPress dependencies
- */
-
-// This is limited by WP REST API
+module.exports = __toCommonJS(hooks_exports);
+var import_element = require("@wordpress/element");
+var import_data = require("@wordpress/data");
+var import_block_editor = require("@wordpress/block-editor");
+var import_url = require("@wordpress/url");
+var import_api_fetch = __toESM(require("@wordpress/api-fetch"));
 const MAX_COMMENTS_PER_PAGE = 100;
-
-/**
- * Return an object with the query args needed to fetch the default page of
- * comments.
- *
- * @param {Object} props        Hook props.
- * @param {number} props.postId ID of the post that contains the comments.
- *                              discussion settings.
- *
- * @return {Object} Query args to retrieve the comments.
- */
-const useCommentQueryArgs = ({
-  postId
-}) => {
-  // Initialize the query args that are not going to change.
+const useCommentQueryArgs = ({ postId }) => {
   const queryArgs = {
-    status: 'approve',
-    order: 'asc',
-    context: 'embed',
+    status: "approve",
+    order: "asc",
+    context: "embed",
     parent: 0,
-    _embed: 'children'
+    _embed: "children"
   };
-
-  // Get the Discussion settings that may be needed to query the comments.
   const {
     pageComments,
     commentsPerPage,
     defaultCommentsPage: defaultPage
-  } = (0, _data.useSelect)(select => {
-    const {
-      getSettings
-    } = select(_blockEditor.store);
-    const {
-      __experimentalDiscussionSettings
-    } = getSettings();
+  } = (0, import_data.useSelect)((select) => {
+    const { getSettings } = select(import_block_editor.store);
+    const { __experimentalDiscussionSettings } = getSettings();
     return __experimentalDiscussionSettings;
   });
-
-  // WP REST API doesn't allow fetching more than max items limit set per single page of data.
-  // As for the editor performance is more important than completeness of data and fetching only the
-  // max allowed for single page should be enough for the purpose of design and laying out the page.
-  // Fetching over the limit would return an error here but would work with backend query.
   const perPage = pageComments ? Math.min(commentsPerPage, MAX_COMMENTS_PER_PAGE) : MAX_COMMENTS_PER_PAGE;
-
-  // Get the number of the default page.
   const page = useDefaultPageIndex({
     defaultPage,
     postId,
     perPage,
     queryArgs
   });
-
-  // Merge, memoize and return all query arguments, unless the default page's
-  // number is not known yet.
-  return (0, _element.useMemo)(() => {
+  return (0, import_element.useMemo)(() => {
     return page ? {
       ...queryArgs,
       post: postId,
@@ -79,90 +71,57 @@ const useCommentQueryArgs = ({
     } : null;
   }, [postId, perPage, page]);
 };
-
-/**
- * Return the index of the default page, depending on whether `defaultPage` is
- * `newest` or `oldest`. In the first case, the only way to know the page's
- * index is by using the `X-WP-TotalPages` header, which forces to make an
- * additional request.
- *
- * @param {Object} props             Hook props.
- * @param {string} props.defaultPage Page shown by default (newest/oldest).
- * @param {number} props.postId      ID of the post that contains the comments.
- * @param {number} props.perPage     The number of comments included per page.
- * @param {Object} props.queryArgs   Other query args.
- *
- * @return {number} Index of the default comments page.
- */
-exports.useCommentQueryArgs = useCommentQueryArgs;
-const useDefaultPageIndex = ({
-  defaultPage,
-  postId,
-  perPage,
-  queryArgs
-}) => {
-  // Store the default page indices.
-  const [defaultPages, setDefaultPages] = (0, _element.useState)({});
+const useDefaultPageIndex = ({ defaultPage, postId, perPage, queryArgs }) => {
+  const [defaultPages, setDefaultPages] = (0, import_element.useState)({});
   const key = `${postId}_${perPage}`;
   const page = defaultPages[key] || 0;
-  (0, _element.useEffect)(() => {
-    // Do nothing if the page is already known or not the newest page.
-    if (page || defaultPage !== 'newest') {
+  (0, import_element.useEffect)(() => {
+    if (page || defaultPage !== "newest") {
       return;
     }
-    // We need to fetch comments to know the index. Use HEAD and limit
-    // fields just to ID, to make this call as light as possible.
-    (0, _apiFetch.default)({
-      path: (0, _url.addQueryArgs)('/wp/v2/comments', {
+    (0, import_api_fetch.default)({
+      path: (0, import_url.addQueryArgs)("/wp/v2/comments", {
         ...queryArgs,
         post: postId,
         per_page: perPage,
-        _fields: 'id'
+        _fields: "id"
       }),
-      method: 'HEAD',
+      method: "HEAD",
       parse: false
-    }).then(res => {
-      const pages = parseInt(res.headers.get('X-WP-TotalPages'));
+    }).then((res) => {
+      const pages = parseInt(res.headers.get("X-WP-TotalPages"));
       setDefaultPages({
         ...defaultPages,
-        [key]: pages <= 1 ? 1 : pages // If there are 0 pages, it means that there are no comments, but there is no 0th page.
+        [key]: pages <= 1 ? 1 : pages
+        // If there are 0 pages, it means that there are no comments, but there is no 0th page.
       });
     }).catch(() => {
-      // There's no 0th page, but we can't know the number of pages, fallback to 1.
       setDefaultPages({
         ...defaultPages,
         [key]: 1
       });
     });
   }, [defaultPage, postId, perPage, setDefaultPages]);
-
-  // The oldest one is always the first one.
-  return defaultPage === 'newest' ? page : 1;
+  return defaultPage === "newest" ? page : 1;
 };
-
-/**
- * Generate a tree structure of comment IDs from a list of comment entities. The
- * children of each comment are obtained from `_embedded`.
- *
- * @typedef {{ commentId: number, children: CommentNode }} CommentNode
- *
- * @param {Object[]} topLevelComments List of comment entities.
- * @return {{ commentTree: CommentNode[]}} Tree of comment IDs.
- */
-const useCommentTree = topLevelComments => {
-  const commentTree = (0, _element.useMemo)(() => topLevelComments?.map(({
-    id,
-    _embedded
-  }) => {
-    const [children] = _embedded?.children || [[]];
-    return {
-      commentId: id,
-      children: children.map(child => ({
-        commentId: child.id
-      }))
-    };
-  }), [topLevelComments]);
+const useCommentTree = (topLevelComments) => {
+  const commentTree = (0, import_element.useMemo)(
+    () => topLevelComments?.map(({ id, _embedded }) => {
+      const [children] = _embedded?.children || [[]];
+      return {
+        commentId: id,
+        children: children.map((child) => ({
+          commentId: child.id
+        }))
+      };
+    }),
+    [topLevelComments]
+  );
   return commentTree;
 };
-exports.useCommentTree = useCommentTree;
-//# sourceMappingURL=hooks.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCommentQueryArgs,
+  useCommentTree
+});
+//# sourceMappingURL=hooks.js.map

package/build/comment-template/hooks.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_data","_blockEditor","_url","_apiFetch","_interopRequireDefault","MAX_COMMENTS_PER_PAGE","useCommentQueryArgs","postId","queryArgs","status","order","context","parent","_embed","pageComments","commentsPerPage","defaultCommentsPage","defaultPage","useSelect","select","getSettings","blockEditorStore","__experimentalDiscussionSettings","perPage","Math","min","page","useDefaultPageIndex","useMemo","post","per_page","exports","defaultPages","setDefaultPages","useState","key","useEffect","apiFetch","path","addQueryArgs","_fields","method","parse","then","res","pages","parseInt","headers","get","catch","useCommentTree","topLevelComments","commentTree","map","id","_embedded","children","commentId","child"],"sources":["@wordpress/block-library/src/comment-template/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { addQueryArgs } from '@wordpress/url';\nimport apiFetch from '@wordpress/api-fetch';\n\n// This is limited by WP REST API\nconst MAX_COMMENTS_PER_PAGE = 100;\n\n/**\n * Return an object with the query args needed to fetch the default page of\n * comments.\n *\n * @param {Object} props        Hook props.\n * @param {number} props.postId ID of the post that contains the comments.\n *                              discussion settings.\n *\n * @return {Object} Query args to retrieve the comments.\n */\nexport const useCommentQueryArgs = ( { postId } ) => {\n\t// Initialize the query args that are not going to change.\n\tconst queryArgs = {\n\t\tstatus: 'approve',\n\t\torder: 'asc',\n\t\tcontext: 'embed',\n\t\tparent: 0,\n\t\t_embed: 'children',\n\t};\n\n\t// Get the Discussion settings that may be needed to query the comments.\n\tconst {\n\t\tpageComments,\n\t\tcommentsPerPage,\n\t\tdefaultCommentsPage: defaultPage,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { __experimentalDiscussionSettings } = getSettings();\n\t\treturn __experimentalDiscussionSettings;\n\t} );\n\n\t// WP REST API doesn't allow fetching more than max items limit set per single page of data.\n\t// As for the editor performance is more important than completeness of data and fetching only the\n\t// max allowed for single page should be enough for the purpose of design and laying out the page.\n\t// Fetching over the limit would return an error here but would work with backend query.\n\tconst perPage = pageComments\n\t\t? Math.min( commentsPerPage, MAX_COMMENTS_PER_PAGE )\n\t\t: MAX_COMMENTS_PER_PAGE;\n\n\t// Get the number of the default page.\n\tconst page = useDefaultPageIndex( {\n\t\tdefaultPage,\n\t\tpostId,\n\t\tperPage,\n\t\tqueryArgs,\n\t} );\n\n\t// Merge, memoize and return all query arguments, unless the default page's\n\t// number is not known yet.\n\treturn useMemo( () => {\n\t\treturn page\n\t\t\t? {\n\t\t\t\t\t...queryArgs,\n\t\t\t\t\tpost: postId,\n\t\t\t\t\tper_page: perPage,\n\t\t\t\t\tpage,\n\t\t\t  }\n\t\t\t: null;\n\t}, [ postId, perPage, page ] );\n};\n\n/**\n * Return the index of the default page, depending on whether `defaultPage` is\n * `newest` or `oldest`. In the first case, the only way to know the page's\n * index is by using the `X-WP-TotalPages` header, which forces to make an\n * additional request.\n *\n * @param {Object} props             Hook props.\n * @param {string} props.defaultPage Page shown by default (newest/oldest).\n * @param {number} props.postId      ID of the post that contains the comments.\n * @param {number} props.perPage     The number of comments included per page.\n * @param {Object} props.queryArgs   Other query args.\n *\n * @return {number} Index of the default comments page.\n */\nconst useDefaultPageIndex = ( { defaultPage, postId, perPage, queryArgs } ) => {\n\t// Store the default page indices.\n\tconst [ defaultPages, setDefaultPages ] = useState( {} );\n\tconst key = `${ postId }_${ perPage }`;\n\tconst page = defaultPages[ key ] || 0;\n\n\tuseEffect( () => {\n\t\t// Do nothing if the page is already known or not the newest page.\n\t\tif ( page || defaultPage !== 'newest' ) {\n\t\t\treturn;\n\t\t}\n\t\t// We need to fetch comments to know the index. Use HEAD and limit\n\t\t// fields just to ID, to make this call as light as possible.\n\t\tapiFetch( {\n\t\t\tpath: addQueryArgs( '/wp/v2/comments', {\n\t\t\t\t...queryArgs,\n\t\t\t\tpost: postId,\n\t\t\t\tper_page: perPage,\n\t\t\t\t_fields: 'id',\n\t\t\t} ),\n\t\t\tmethod: 'HEAD',\n\t\t\tparse: false,\n\t\t} )\n\t\t\t.then( ( res ) => {\n\t\t\t\tconst pages = parseInt( res.headers.get( 'X-WP-TotalPages' ) );\n\t\t\t\tsetDefaultPages( {\n\t\t\t\t\t...defaultPages,\n\t\t\t\t\t[ key ]: pages <= 1 ? 1 : pages, // If there are 0 pages, it means that there are no comments, but there is no 0th page.\n\t\t\t\t} );\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\t// There's no 0th page, but we can't know the number of pages, fallback to 1.\n\t\t\t\tsetDefaultPages( {\n\t\t\t\t\t...defaultPages,\n\t\t\t\t\t[ key ]: 1,\n\t\t\t\t} );\n\t\t\t} );\n\t}, [ defaultPage, postId, perPage, setDefaultPages ] );\n\n\t// The oldest one is always the first one.\n\treturn defaultPage === 'newest' ? page : 1;\n};\n\n/**\n * Generate a tree structure of comment IDs from a list of comment entities. The\n * children of each comment are obtained from `_embedded`.\n *\n * @typedef {{ commentId: number, children: CommentNode }} CommentNode\n *\n * @param {Object[]} topLevelComments List of comment entities.\n * @return {{ commentTree: CommentNode[]}} Tree of comment IDs.\n */\nexport const useCommentTree = ( topLevelComments ) => {\n\tconst commentTree = useMemo(\n\t\t() =>\n\t\t\ttopLevelComments?.map( ( { id, _embedded } ) => {\n\t\t\t\tconst [ children ] = _embedded?.children || [ [] ];\n\t\t\t\treturn {\n\t\t\t\t\tcommentId: id,\n\t\t\t\t\tchildren: children.map( ( child ) => ( {\n\t\t\t\t\t\tcommentId: child.id,\n\t\t\t\t\t} ) ),\n\t\t\t\t};\n\t\t\t} ),\n\t\t[ topLevelComments ]\n\t);\n\n\treturn commentTree;\n};\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/comment-template/hooks.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { addQueryArgs } from '@wordpress/url';\nimport apiFetch from '@wordpress/api-fetch';\n\n// This is limited by WP REST API\nconst MAX_COMMENTS_PER_PAGE = 100;\n\n/**\n * Return an object with the query args needed to fetch the default page of\n * comments.\n *\n * @param {Object} props        Hook props.\n * @param {number} props.postId ID of the post that contains the comments.\n *                              discussion settings.\n *\n * @return {Object} Query args to retrieve the comments.\n */\nexport const useCommentQueryArgs = ( { postId } ) => {\n\t// Initialize the query args that are not going to change.\n\tconst queryArgs = {\n\t\tstatus: 'approve',\n\t\torder: 'asc',\n\t\tcontext: 'embed',\n\t\tparent: 0,\n\t\t_embed: 'children',\n\t};\n\n\t// Get the Discussion settings that may be needed to query the comments.\n\tconst {\n\t\tpageComments,\n\t\tcommentsPerPage,\n\t\tdefaultCommentsPage: defaultPage,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { __experimentalDiscussionSettings } = getSettings();\n\t\treturn __experimentalDiscussionSettings;\n\t} );\n\n\t// WP REST API doesn't allow fetching more than max items limit set per single page of data.\n\t// As for the editor performance is more important than completeness of data and fetching only the\n\t// max allowed for single page should be enough for the purpose of design and laying out the page.\n\t// Fetching over the limit would return an error here but would work with backend query.\n\tconst perPage = pageComments\n\t\t? Math.min( commentsPerPage, MAX_COMMENTS_PER_PAGE )\n\t\t: MAX_COMMENTS_PER_PAGE;\n\n\t// Get the number of the default page.\n\tconst page = useDefaultPageIndex( {\n\t\tdefaultPage,\n\t\tpostId,\n\t\tperPage,\n\t\tqueryArgs,\n\t} );\n\n\t// Merge, memoize and return all query arguments, unless the default page's\n\t// number is not known yet.\n\treturn useMemo( () => {\n\t\treturn page\n\t\t\t? {\n\t\t\t\t\t...queryArgs,\n\t\t\t\t\tpost: postId,\n\t\t\t\t\tper_page: perPage,\n\t\t\t\t\tpage,\n\t\t\t  }\n\t\t\t: null;\n\t}, [ postId, perPage, page ] );\n};\n\n/**\n * Return the index of the default page, depending on whether `defaultPage` is\n * `newest` or `oldest`. In the first case, the only way to know the page's\n * index is by using the `X-WP-TotalPages` header, which forces to make an\n * additional request.\n *\n * @param {Object} props             Hook props.\n * @param {string} props.defaultPage Page shown by default (newest/oldest).\n * @param {number} props.postId      ID of the post that contains the comments.\n * @param {number} props.perPage     The number of comments included per page.\n * @param {Object} props.queryArgs   Other query args.\n *\n * @return {number} Index of the default comments page.\n */\nconst useDefaultPageIndex = ( { defaultPage, postId, perPage, queryArgs } ) => {\n\t// Store the default page indices.\n\tconst [ defaultPages, setDefaultPages ] = useState( {} );\n\tconst key = `${ postId }_${ perPage }`;\n\tconst page = defaultPages[ key ] || 0;\n\n\tuseEffect( () => {\n\t\t// Do nothing if the page is already known or not the newest page.\n\t\tif ( page || defaultPage !== 'newest' ) {\n\t\t\treturn;\n\t\t}\n\t\t// We need to fetch comments to know the index. Use HEAD and limit\n\t\t// fields just to ID, to make this call as light as possible.\n\t\tapiFetch( {\n\t\t\tpath: addQueryArgs( '/wp/v2/comments', {\n\t\t\t\t...queryArgs,\n\t\t\t\tpost: postId,\n\t\t\t\tper_page: perPage,\n\t\t\t\t_fields: 'id',\n\t\t\t} ),\n\t\t\tmethod: 'HEAD',\n\t\t\tparse: false,\n\t\t} )\n\t\t\t.then( ( res ) => {\n\t\t\t\tconst pages = parseInt( res.headers.get( 'X-WP-TotalPages' ) );\n\t\t\t\tsetDefaultPages( {\n\t\t\t\t\t...defaultPages,\n\t\t\t\t\t[ key ]: pages <= 1 ? 1 : pages, // If there are 0 pages, it means that there are no comments, but there is no 0th page.\n\t\t\t\t} );\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\t// There's no 0th page, but we can't know the number of pages, fallback to 1.\n\t\t\t\tsetDefaultPages( {\n\t\t\t\t\t...defaultPages,\n\t\t\t\t\t[ key ]: 1,\n\t\t\t\t} );\n\t\t\t} );\n\t}, [ defaultPage, postId, perPage, setDefaultPages ] );\n\n\t// The oldest one is always the first one.\n\treturn defaultPage === 'newest' ? page : 1;\n};\n\n/**\n * Generate a tree structure of comment IDs from a list of comment entities. The\n * children of each comment are obtained from `_embedded`.\n *\n * @typedef {{ commentId: number, children: CommentNode }} CommentNode\n *\n * @param {Object[]} topLevelComments List of comment entities.\n * @return {{ commentTree: CommentNode[]}} Tree of comment IDs.\n */\nexport const useCommentTree = ( topLevelComments ) => {\n\tconst commentTree = useMemo(\n\t\t() =>\n\t\t\ttopLevelComments?.map( ( { id, _embedded } ) => {\n\t\t\t\tconst [ children ] = _embedded?.children || [ [] ];\n\t\t\t\treturn {\n\t\t\t\t\tcommentId: id,\n\t\t\t\t\tchildren: children.map( ( child ) => ( {\n\t\t\t\t\t\tcommentId: child.id,\n\t\t\t\t\t} ) ),\n\t\t\t\t};\n\t\t\t} ),\n\t\t[ topLevelComments ]\n\t);\n\n\treturn commentTree;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA6C;AAC7C,kBAA0B;AAC1B,0BAA0C;AAC1C,iBAA6B;AAC7B,uBAAqB;AAGrB,MAAM,wBAAwB;AAYvB,MAAM,sBAAsB,CAAE,EAAE,OAAO,MAAO;AAEpD,QAAM,YAAY;AAAA,IACjB,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACT;AAGA,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,EACtB,QAAI,uBAAW,CAAE,WAAY;AAC5B,UAAM,EAAE,YAAY,IAAI,OAAQ,oBAAAA,KAAiB;AACjD,UAAM,EAAE,iCAAiC,IAAI,YAAY;AACzD,WAAO;AAAA,EACR,CAAE;AAMF,QAAM,UAAU,eACb,KAAK,IAAK,iBAAiB,qBAAsB,IACjD;AAGH,QAAM,OAAO,oBAAqB;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AAIF,aAAO,wBAAS,MAAM;AACrB,WAAO,OACJ;AAAA,MACA,GAAG;AAAA,MACH,MAAM;AAAA,MACN,UAAU;AAAA,MACV;AAAA,IACA,IACA;AAAA,EACJ,GAAG,CAAE,QAAQ,SAAS,IAAK,CAAE;AAC9B;AAgBA,MAAM,sBAAsB,CAAE,EAAE,aAAa,QAAQ,SAAS,UAAU,MAAO;AAE9E,QAAM,CAAE,cAAc,eAAgB,QAAI,yBAAU,CAAC,CAAE;AACvD,QAAM,MAAM,GAAI,MAAO,IAAK,OAAQ;AACpC,QAAM,OAAO,aAAc,GAAI,KAAK;AAEpC,gCAAW,MAAM;AAEhB,QAAK,QAAQ,gBAAgB,UAAW;AACvC;AAAA,IACD;AAGA,yBAAAC,SAAU;AAAA,MACT,UAAM,yBAAc,mBAAmB;AAAA,QACtC,GAAG;AAAA,QACH,MAAM;AAAA,QACN,UAAU;AAAA,QACV,SAAS;AAAA,MACV,CAAE;AAAA,MACF,QAAQ;AAAA,MACR,OAAO;AAAA,IACR,CAAE,EACA,KAAM,CAAE,QAAS;AACjB,YAAM,QAAQ,SAAU,IAAI,QAAQ,IAAK,iBAAkB,CAAE;AAC7D,sBAAiB;AAAA,QAChB,GAAG;AAAA,QACH,CAAE,GAAI,GAAG,SAAS,IAAI,IAAI;AAAA;AAAA,MAC3B,CAAE;AAAA,IACH,CAAE,EACD,MAAO,MAAM;AAEb,sBAAiB;AAAA,QAChB,GAAG;AAAA,QACH,CAAE,GAAI,GAAG;AAAA,MACV,CAAE;AAAA,IACH,CAAE;AAAA,EACJ,GAAG,CAAE,aAAa,QAAQ,SAAS,eAAgB,CAAE;AAGrD,SAAO,gBAAgB,WAAW,OAAO;AAC1C;AAWO,MAAM,iBAAiB,CAAE,qBAAsB;AACrD,QAAM,kBAAc;AAAA,IACnB,MACC,kBAAkB,IAAK,CAAE,EAAE,IAAI,UAAU,MAAO;AAC/C,YAAM,CAAE,QAAS,IAAI,WAAW,YAAY,CAAE,CAAC,CAAE;AACjD,aAAO;AAAA,QACN,WAAW;AAAA,QACX,UAAU,SAAS,IAAK,CAAE,WAAa;AAAA,UACtC,WAAW,MAAM;AAAA,QAClB,EAAI;AAAA,MACL;AAAA,IACD,CAAE;AAAA,IACH,CAAE,gBAAiB;AAAA,EACpB;AAEA,SAAO;AACR;",
+  "names": ["blockEditorStore", "apiFetch"]
+}

package/build/comment-template/index.js

@@ -1,82 +1,56 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.settings = exports.name = exports.metadata = exports.init = void 0;
-var _icons = require("@wordpress/icons");
-var _initBlock = _interopRequireDefault(require("../utils/init-block"));
-var _edit = _interopRequireDefault(require("./edit"));
-var _save = _interopRequireDefault(require("./save"));
-/**
- * WordPress dependencies
- */
-/**
- * Internal dependencies
- */
-const metadata = exports.metadata = {
-  $schema: "https://schemas.wp.org/trunk/block.json",
-  apiVersion: 3,
-  name: "core/comment-template",
-  title: "Comment Template",
-  category: "design",
-  parent: ["core/comments"],
-  description: "Contains the block elements used to display a comment, like the title, date, author, avatar and more.",
-  textdomain: "default",
-  usesContext: ["postId"],
-  supports: {
-    align: true,
-    html: false,
-    reusable: false,
-    spacing: {
-      margin: true,
-      padding: true
-    },
-    typography: {
-      fontSize: true,
-      lineHeight: true,
-      __experimentalFontFamily: true,
-      __experimentalFontWeight: true,
-      __experimentalFontStyle: true,
-      __experimentalTextTransform: true,
-      __experimentalTextDecoration: true,
-      __experimentalLetterSpacing: true,
-      __experimentalDefaultControls: {
-        fontSize: true
-      }
-    },
-    interactivity: {
-      clientNavigation: true
-    },
-    __experimentalBorder: {
-      radius: true,
-      color: true,
-      width: true,
-      style: true,
-      __experimentalDefaultControls: {
-        radius: true,
-        color: true,
-        width: true,
-        style: true
-      }
-    }
-  },
-  style: "wp-block-comment-template"
+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 name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
 };
-const {
-  name
-} = metadata;
-exports.name = name;
-const settings = exports.settings = {
-  icon: _icons.layout,
-  edit: _edit.default,
-  save: _save.default
+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;
 };
-const init = () => (0, _initBlock.default)({
-  name,
+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);
+var comment_template_exports = {};
+__export(comment_template_exports, {
+  init: () => init,
+  metadata: () => import_block.default,
+  name: () => name,
+  settings: () => settings
+});
+module.exports = __toCommonJS(comment_template_exports);
+var import_icons = require("@wordpress/icons");
+var import_init_block = __toESM(require("../utils/init-block"));
+var import_block = __toESM(require("./block.json"));
+var import_edit = __toESM(require("./edit"));
+var import_save = __toESM(require("./save"));
+const { name } = import_block.default;
+const settings = {
+  icon: import_icons.layout,
+  edit: import_edit.default,
+  save: import_save.default
+};
+const init = () => (0, import_init_block.default)({ name, metadata: import_block.default, settings });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  init,
   metadata,
+  name,
   settings
 });
-exports.init = init;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/comment-template/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_icons","require","_initBlock","_interopRequireDefault","_edit","_save","metadata","exports","$schema","apiVersion","name","title","category","parent","description","textdomain","usesContext","supports","align","html","reusable","spacing","margin","padding","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","__experimentalDefaultControls","interactivity","clientNavigation","__experimentalBorder","radius","color","width","style","settings","icon","edit","save","init","initBlock"],"sources":["@wordpress/block-library/src/comment-template/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { layout as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,KAAA,GAAAF,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;AAGA;AACA;AACA;AAFA,MAAAK,QAAA,GAAAC,OAAA,CAAAD,QAAA;EAAAE,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,MAAA;EAAAC,WAAA;EAAAC,UAAA;EAAAC,WAAA;EAAAC,QAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,OAAA;IAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAC,6BAAA;QAAAR,QAAA;MAAA;IAAA;IAAAS,aAAA;MAAAC,gBAAA;IAAA;IAAAC,oBAAA;MAAAC,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAP,6BAAA;QAAAI,MAAA;QAAAC,KAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;EAAA;EAAAA,KAAA;AAAA;AAQA,MAAM;EAAE9B;AAAK,CAAC,GAAGJ,QAAQ;AAACC,OAAA,CAAAG,IAAA,GAAAA,IAAA;AAGnB,MAAM+B,QAAQ,GAAAlC,OAAA,CAAAkC,QAAA,GAAG;EACvBC,IAAI,EAAJA,aAAI;EACJC,IAAI,EAAJA,aAAI;EACJC,IAAI,EAAJA;AACD,CAAC;AAEM,MAAMC,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAEpC,IAAI;EAAEJ,QAAQ;EAAEmC;AAAS,CAAE,CAAC;AAAClC,OAAA,CAAAsC,IAAA,GAAAA,IAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/comment-template/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { layout as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,+BAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAGA,mBAA+B;AAK/B,wBAAsB;AACtB,mBAAqB;AACrB,kBAAiB;AACjB,kBAAiB;AAEjB,MAAM,EAAE,KAAK,IAAI,aAAAA;AAGV,MAAM,WAAW;AAAA,EACvB,mBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AACD;AAEO,MAAM,OAAO,UAAM,kBAAAC,SAAW,EAAE,MAAM,uBAAAJ,SAAU,SAAS,CAAE;",
+  "names": ["metadata", "icon", "edit", "save", "initBlock"]
+}

package/build/comment-template/init.js

@@ -1,12 +1,26 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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);
+var init_exports = {};
+__export(init_exports, {
+  default: () => init_default
 });
-exports.default = void 0;
-var _ = require("./");
-/**
- * Internal dependencies
- */
-var _default = exports.default = (0, _.init)();
-//# sourceMappingURL=init.js.map
+module.exports = __toCommonJS(init_exports);
+var import__ = require("./");
+var init_default = (0, import__.init)();
+//# sourceMappingURL=init.js.map

package/build/comment-template/init.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_","require","_default","exports","default","init"],"sources":["@wordpress/block-library/src/comment-template/init.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { init } from './';\n\nexport default init();\n"],"mappings":";;;;;;AAGA,IAAAA,CAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAKe,IAAAC,MAAI,EAAC,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/comment-template/init.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { init } from './';\n\nexport default init();\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,eAAqB;AAErB,IAAO,mBAAQ,eAAK;",
+  "names": []
+}

package/build/comment-template/save.js

@@ -1,16 +1,29 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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);
+var save_exports = {};
+__export(save_exports, {
+  default: () => CommentTemplateSave
 });
-exports.default = CommentTemplateSave;
-var _blockEditor = require("@wordpress/block-editor");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
+module.exports = __toCommonJS(save_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_block_editor = require("@wordpress/block-editor");
 function CommentTemplateSave() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks.Content, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.InnerBlocks.Content, {});
 }
-//# sourceMappingURL=save.js.map
+//# sourceMappingURL=save.js.map

package/build/comment-template/save.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_blockEditor","require","_jsxRuntime","CommentTemplateSave","jsx","InnerBlocks","Content"],"sources":["@wordpress/block-library/src/comment-template/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks } from '@wordpress/block-editor';\n\nexport default function CommentTemplateSave() {\n\treturn <InnerBlocks.Content />;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAAsD,IAAAC,WAAA,GAAAD,OAAA;AAHtD;AACA;AACA;;AAGe,SAASE,mBAAmBA,CAAA,EAAG;EAC7C,oBAAO,IAAAD,WAAA,CAAAE,GAAA,EAACJ,YAAA,CAAAK,WAAW,CAACC,OAAO,IAAE,CAAC;AAC/B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/comment-template/save.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { InnerBlocks } from '@wordpress/block-editor';\n\nexport default function CommentTemplateSave() {\n\treturn <InnerBlocks.Content />;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMQ;AAHR,0BAA4B;AAEb,SAAR,sBAAuC;AAC7C,SAAO,4CAAC,gCAAY,SAAZ,EAAoB;AAC7B;",
+  "names": []
+}

package/build/comment-template/util.js

@@ -1,68 +1,46 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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);
+var util_exports = {};
+__export(util_exports, {
+  convertToTree: () => convertToTree
 });
-exports.convertToTree = void 0;
-/**
- *
- * This function converts a flat list of comment objects with a `parent` property
- * to a nested list of comment objects with a `children` property. The `children`
- * property is itself a list of comment objects.
- *
- * @example
- * ```
- * const comments = [
- * 	{ id: 1, parent: 0 },
- * 	{ id: 2, parent: 1 },
- * 	{ id: 3, parent: 2 },
- * 	{ id: 4, parent: 1 },
- * ];
- * expect( convertToTree( comments ) ).toEqual( [
- * 	{
- * 		commentId: 1,
- * 		children: [
- * 			{ commentId: 2, children: [ { commentId: 3, children: [] } ] },
- * 			{ commentId: 4, children: [] },
- * 		],
- * 	},
- * ] );
- * ```
- * @typedef {{id: number, parent: number}} Comment
- * @param {Comment[]} data - List of comment objects.
- *
- * @return {Object[]} Nested list of comment objects with a `children` property.
- */
-const convertToTree = data => {
+module.exports = __toCommonJS(util_exports);
+const convertToTree = (data) => {
   const table = {};
   if (!data) {
     return [];
   }
-
-  // First create a hash table of { [id]: { ...comment, children: [] }}
-  data.forEach(item => {
-    table[item.id] = {
-      commentId: item.id,
-      children: []
-    };
+  data.forEach((item) => {
+    table[item.id] = { commentId: item.id, children: [] };
   });
   const tree = [];
-
-  // Iterate over the original comments again
-  data.forEach(item => {
+  data.forEach((item) => {
     if (item.parent) {
-      // If the comment has a "parent", then find that parent in the table that
-      // we have created above and push the current comment to the array of its
-      // children.
       table[item.parent]?.children.push(table[item.id]);
     } else {
-      // Otherwise, if the comment has no parent (also works if parent is 0)
-      // that means that it's a top-level comment so we can find it in the table
-      // and push it to the final tree.
       tree.push(table[item.id]);
     }
   });
   return tree;
 };
-exports.convertToTree = convertToTree;
-//# sourceMappingURL=util.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  convertToTree
+});
+//# sourceMappingURL=util.js.map