@wordpress/block-library 6.0.2 → 6.0.6

package/build/comment-author-name/edit.js

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Edit;
+
+var _element = require("@wordpress/element");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _i18n = require("@wordpress/i18n");
+
+var _data = require("@wordpress/data");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _coreData = require("@wordpress/core-data");
+
+var _components = require("@wordpress/components");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Renders the `core/comment-author-name` block on the editor.
+ *
+ * @param {Object} props                       React props.
+ * @param {Object} props.setAttributes         Callback for updating block attributes.
+ * @param {Object} props.attributes            Block attributes.
+ * @param {string} props.attributes.isLink     Whether the author name should be linked.
+ * @param {string} props.attributes.linkTarget Target of the link.
+ * @param {string} props.attributes.textAlign  Text alignment.
+ * @param {Object} props.context               Inherited context.
+ * @param {string} props.context.commentId     The comment ID.
+ *
+ * @return {JSX.Element} React element.
+ */
+function Edit(_ref) {
+  let {
+    attributes: {
+      isLink,
+      linkTarget,
+      textAlign
+    },
+    context: {
+      commentId
+    },
+    setAttributes
+  } = _ref;
+  const blockProps = (0, _blockEditor.useBlockProps)({
+    className: (0, _classnames.default)({
+      [`has-text-align-${textAlign}`]: textAlign
+    })
+  });
+  const displayName = (0, _data.useSelect)(select => {
+    const {
+      getEntityRecord
+    } = select(_coreData.store);
+    const comment = getEntityRecord('root', 'comment', commentId);
+    const authorName = comment === null || comment === void 0 ? void 0 : comment.author_name; // eslint-disable-line camelcase
+
+    if (comment && !authorName) {
+      var _user$name;
+
+      const user = getEntityRecord('root', 'user', comment.author);
+      return (_user$name = user === null || user === void 0 ? void 0 : user.name) !== null && _user$name !== void 0 ? _user$name : (0, _i18n.__)('Anonymous');
+    }
+
+    return authorName !== null && authorName !== void 0 ? authorName : '';
+  }, [commentId]);
+  const blockControls = (0, _element.createElement)(_blockEditor.BlockControls, {
+    group: "block"
+  }, (0, _element.createElement)(_blockEditor.AlignmentControl, {
+    value: textAlign,
+    onChange: newAlign => setAttributes({
+      textAlign: newAlign
+    })
+  }));
+  const inspectorControls = (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+    title: (0, _i18n.__)('Link settings')
+  }, (0, _element.createElement)(_components.ToggleControl, {
+    label: (0, _i18n.__)('Link to authors URL'),
+    onChange: () => setAttributes({
+      isLink: !isLink
+    }),
+    checked: isLink
+  }), isLink && (0, _element.createElement)(_components.ToggleControl, {
+    label: (0, _i18n.__)('Open in new tab'),
+    onChange: value => setAttributes({
+      linkTarget: value ? '_blank' : '_self'
+    }),
+    checked: linkTarget === '_blank'
+  })));
+
+  if (!commentId || !displayName) {
+    return (0, _element.createElement)(_element.Fragment, null, inspectorControls, blockControls, (0, _element.createElement)("div", blockProps, (0, _element.createElement)("p", null, (0, _i18n._x)('Comment Author', 'block title'))));
+  }
+
+  const displayAuthor = isLink ? (0, _element.createElement)("a", {
+    href: "#comment-author-pseudo-link",
+    onClick: event => event.preventDefault()
+  }, displayName) : (0, _element.createElement)("p", null, displayName);
+  return (0, _element.createElement)(_element.Fragment, null, inspectorControls, blockControls, (0, _element.createElement)("div", blockProps, displayAuthor));
+}
+//# sourceMappingURL=edit.js.map

package/build/comment-author-name/edit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-author-name/edit.js"],"names":["Edit","attributes","isLink","linkTarget","textAlign","context","commentId","setAttributes","blockProps","className","displayName","select","getEntityRecord","coreStore","comment","authorName","author_name","user","author","name","blockControls","newAlign","inspectorControls","value","displayAuthor","event","preventDefault"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\n\n/**\n * Renders the `core/comment-author-name` block on the editor.\n *\n * @param {Object} props                       React props.\n * @param {Object} props.setAttributes         Callback for updating block attributes.\n * @param {Object} props.attributes            Block attributes.\n * @param {string} props.attributes.isLink     Whether the author name should be linked.\n * @param {string} props.attributes.linkTarget Target of the link.\n * @param {string} props.attributes.textAlign  Text alignment.\n * @param {Object} props.context               Inherited context.\n * @param {string} props.context.commentId     The comment ID.\n *\n * @return {JSX.Element} React element.\n */\nexport default function Edit( {\n\tattributes: { isLink, linkTarget, textAlign },\n\tcontext: { commentId },\n\tsetAttributes,\n} ) {\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\tconst displayName = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\n\t\t\tconst comment = getEntityRecord( 'root', 'comment', commentId );\n\t\t\tconst authorName = comment?.author_name; // eslint-disable-line camelcase\n\n\t\t\tif ( comment && ! authorName ) {\n\t\t\t\tconst user = getEntityRecord( 'root', 'user', comment.author );\n\t\t\t\treturn user?.name ?? __( 'Anonymous' );\n\t\t\t}\n\t\t\treturn authorName ?? '';\n\t\t},\n\t\t[ commentId ]\n\t);\n\n\tconst blockControls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<AlignmentControl\n\t\t\t\tvalue={ textAlign }\n\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t}\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Link settings' ) }>\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ __( 'Link to authors URL' ) }\n\t\t\t\t\tonChange={ () => setAttributes( { isLink: ! isLink } ) }\n\t\t\t\t\tchecked={ isLink }\n\t\t\t\t/>\n\t\t\t\t{ isLink && (\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tchecked={ linkTarget === '_blank' }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\tif ( ! commentId || ! displayName ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ inspectorControls }\n\t\t\t\t{ blockControls }\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<p>{ _x( 'Comment Author', 'block title' ) }</p>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\n\tconst displayAuthor = isLink ? (\n\t\t<a\n\t\t\thref=\"#comment-author-pseudo-link\"\n\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t>\n\t\t\t{ displayName }\n\t\t</a>\n\t) : (\n\t\t<p>{ displayName }</p>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ inspectorControls }\n\t\t\t{ blockControls }\n\t\t\t<div { ...blockProps }>{ displayAuthor }</div>\n\t\t</>\n\t);\n}\n"]}

package/build/{post-comment-author → comment-author-name}/index.js

@@ -7,22 +7,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.settings = exports.name = exports.metadata = void 0;
 
+var _icons = require("@wordpress/icons");
+
 var _edit = _interopRequireDefault(require("./edit"));
 
 var _deprecated = _interopRequireDefault(require("./deprecated"));
 
-var _icons = require("@wordpress/icons");
+/**
+ * WordPress dependencies
+ */
 
 /**
  * Internal dependencies
  */
 const metadata = {
   apiVersion: 2,
-  name: "core/post-comment-author",
-  title: "Post Comment Author",
-  category: "design",
-  parent: ["core/post-comment"],
-  description: "Post comment author.",
+  name: "core/comment-author-name",
+  title: "Comment Author Name",
+  category: "theme",
+  parent: ["core/comment-template"],
+  description: "Add the author name of this comment.",
   textdomain: "default",
   attributes: {
     isLink: {
@@ -32,11 +36,18 @@ const metadata = {
     linkTarget: {
       type: "string",
       "default": "_self"
+    },
+    textAlign: {
+      type: "string"
     }
   },
   usesContext: ["commentId"],
   supports: {
     html: false,
+    spacing: {
+      margin: true,
+      padding: true
+    },
     color: {
       gradients: true,
       link: true
@@ -58,7 +69,7 @@ const {
 } = metadata;
 exports.name = name;
 const settings = {
-  icon: _icons.commentAuthor,
+  icon: _icons.commentAuthorName,
   edit: _edit.default,
   deprecated: _deprecated.default
 };

package/build/comment-author-name/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-author-name/index.js"],"names":["name","metadata","settings","icon","edit","deprecated"],"mappings":";;;;;;;;;AAGA;;AAMA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,wBADuB;AAEvBC,EAAAA,IAAI,EAAJA,aAFuB;AAGvBC,EAAAA,UAAU,EAAVA;AAHuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { commentAuthorName as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\nimport deprecated from './deprecated';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tdeprecated,\n};\n"]}

package/build/{post-comment-content → comment-content}/edit.js

@@ -28,7 +28,7 @@ var _blockEditor = require("@wordpress/block-editor");
  */
 
 /**
- * Renders the `core/post-comment-content` block on the editor.
+ * Renders the `core/comment-content` block on the editor.
  *
  * @param {Object} props                      React props.
  * @param {Object} props.setAttributes        Callback for updating block attributes.
@@ -39,29 +39,36 @@ var _blockEditor = require("@wordpress/block-editor");
  *
  * @return {JSX.Element} React element.
  */
-function Edit({
-  setAttributes,
-  attributes: {
-    textAlign
-  },
-  context: {
-    commentId
-  }
-}) {
+function Edit(_ref) {
+  let {
+    setAttributes,
+    attributes: {
+      textAlign
+    },
+    context: {
+      commentId
+    }
+  } = _ref;
   const blockProps = (0, _blockEditor.useBlockProps)({
     className: (0, _classnames.default)({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });
   const [content] = (0, _coreData.useEntityProp)('root', 'comment', 'content', commentId);
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.BlockControls, {
+  const blockControls = (0, _element.createElement)(_blockEditor.BlockControls, {
     group: "block"
   }, (0, _element.createElement)(_blockEditor.AlignmentControl, {
     value: textAlign,
     onChange: newAlign => setAttributes({
       textAlign: newAlign
     })
-  })), (0, _element.createElement)("div", blockProps, !commentId || !content ? (0, _element.createElement)("p", null, (0, _i18n.__)('Post Comment Content')) : (0, _element.createElement)(_components.Disabled, null, (0, _element.createElement)(_element.RawHTML, {
+  }));
+
+  if (!commentId || !content) {
+    return (0, _element.createElement)(_element.Fragment, null, blockControls, (0, _element.createElement)("div", blockProps, (0, _element.createElement)("p", null, (0, _i18n._x)('Comment Content', 'block title'))));
+  }
+
+  return (0, _element.createElement)(_element.Fragment, null, blockControls, (0, _element.createElement)("div", blockProps, (0, _element.createElement)(_components.Disabled, null, (0, _element.createElement)(_element.RawHTML, {
     key: "html"
   }, content.rendered))));
 }

package/build/comment-content/edit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-content/edit.js"],"names":["Edit","setAttributes","attributes","textAlign","context","commentId","blockProps","className","content","blockControls","newAlign","rendered"],"mappings":";;;;;;;;;AASA;;AANA;;AAKA;;AAEA;;AACA;;AACA;;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,IAAT,OAIX;AAAA,MAJ0B;AAC7BC,IAAAA,aAD6B;AAE7BC,IAAAA,UAAU,EAAE;AAAEC,MAAAA;AAAF,KAFiB;AAG7BC,IAAAA,OAAO,EAAE;AAAEC,MAAAA;AAAF;AAHoB,GAI1B;AACH,QAAMC,UAAU,GAAG,gCAAe;AACjCC,IAAAA,SAAS,EAAE,yBAAY;AACtB,OAAG,kBAAkBJ,SAAW,EAAhC,GAAqCA;AADf,KAAZ;AADsB,GAAf,CAAnB;AAKA,QAAM,CAAEK,OAAF,IAAc,6BACnB,MADmB,EAEnB,SAFmB,EAGnB,SAHmB,EAInBH,SAJmB,CAApB;AAOA,QAAMI,aAAa,GAClB,4BAAC,0BAAD;AAAe,IAAA,KAAK,EAAC;AAArB,KACC,4BAAC,6BAAD;AACC,IAAA,KAAK,EAAGN,SADT;AAEC,IAAA,QAAQ,EAAKO,QAAF,IACVT,aAAa,CAAE;AAAEE,MAAAA,SAAS,EAAEO;AAAb,KAAF;AAHf,IADD,CADD;;AAWA,MAAK,CAAEL,SAAF,IAAe,CAAEG,OAAtB,EAAgC;AAC/B,WACC,qDACGC,aADH,EAEC,mCAAUH,UAAV,EACC,uCAAK,cAAI,iBAAJ,EAAuB,aAAvB,CAAL,CADD,CAFD,CADD;AAQA;;AAED,SACC,qDACGG,aADH,EAEC,mCAAUH,UAAV,EACC,4BAAC,oBAAD,QACC,4BAAC,gBAAD;AAAS,IAAA,GAAG,EAAC;AAAb,KAAsBE,OAAO,CAACG,QAA9B,CADD,CADD,CAFD,CADD;AAUA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\nimport { RawHTML } from '@wordpress/element';\nimport { Disabled } from '@wordpress/components';\nimport { useEntityProp } from '@wordpress/core-data';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Renders the `core/comment-content` block on the editor.\n *\n * @param {Object} props                      React props.\n * @param {Object} props.setAttributes        Callback for updating block attributes.\n * @param {Object} props.attributes           Block attributes.\n * @param {string} props.attributes.textAlign The `textAlign` attribute.\n * @param {Object} props.context              Inherited context.\n * @param {string} props.context.commentId    The comment ID.\n *\n * @return {JSX.Element} React element.\n */\nexport default function Edit( {\n\tsetAttributes,\n\tattributes: { textAlign },\n\tcontext: { commentId },\n} ) {\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\tconst [ content ] = useEntityProp(\n\t\t'root',\n\t\t'comment',\n\t\t'content',\n\t\tcommentId\n\t);\n\n\tconst blockControls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<AlignmentControl\n\t\t\t\tvalue={ textAlign }\n\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t}\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tif ( ! commentId || ! content ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ blockControls }\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<p>{ _x( 'Comment Content', 'block title' ) }</p>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Disabled>\n\t\t\t\t\t<RawHTML key=\"html\">{ content.rendered }</RawHTML>\n\t\t\t\t</Disabled>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}

package/build/{post-comment-content → comment-content}/index.js

@@ -20,11 +20,11 @@ var _edit = _interopRequireDefault(require("./edit"));
  */
 const metadata = {
   apiVersion: 2,
-  name: "core/post-comment-content",
-  title: "Post Comment Content",
-  category: "design",
-  parent: ["core/post-comment"],
-  description: "Post comment content",
+  name: "core/comment-content",
+  title: "Comment Content",
+  category: "theme",
+  parent: ["core/comment-template"],
+  description: "Displays the contents of a comment.",
   textdomain: "default",
   usesContext: ["commentId"],
   attributes: {
@@ -61,7 +61,7 @@ const {
 } = metadata;
 exports.name = name;
 const settings = {
-  icon: _icons.postCommentContent,
+  icon: _icons.commentContent,
   edit: _edit.default
 };
 exports.settings = settings;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-content/index.js"],"names":["name","metadata","settings","icon","edit"],"mappings":";;;;;;;;;AAGA;;AAMA;;AATA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,qBADuB;AAEvBC,EAAAA,IAAI,EAAJA;AAFuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { commentContent as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n"]}

package/build/{post-comment-date → comment-date}/deprecated.js

@@ -45,11 +45,12 @@ const v1 = {
 
   migrate: _migrateFontFamily.default,
 
-  isEligible({
-    style
-  }) {
+  isEligible(_ref) {
     var _style$typography;
 
+    let {
+      style
+    } = _ref;
     return style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontFamily;
   }
 

package/build/comment-date/deprecated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-date/deprecated.js"],"names":["v1","attributes","format","type","isLink","default","supports","html","color","gradients","link","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalLetterSpacing","save","migrate","migrateFontFamily","isEligible","style","fontFamily"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,EAAE,GAAG;AACVC,EAAAA,UAAU,EAAE;AACXC,IAAAA,MAAM,EAAE;AACPC,MAAAA,IAAI,EAAE;AADC,KADG;AAIXC,IAAAA,MAAM,EAAE;AACPD,MAAAA,IAAI,EAAE,SADC;AAEPE,MAAAA,OAAO,EAAE;AAFF;AAJG,GADF;AAUVC,EAAAA,QAAQ,EAAE;AACTC,IAAAA,IAAI,EAAE,KADG;AAETC,IAAAA,KAAK,EAAE;AACNC,MAAAA,SAAS,EAAE,IADL;AAENC,MAAAA,IAAI,EAAE;AAFA,KAFE;AAMTC,IAAAA,UAAU,EAAE;AACXC,MAAAA,QAAQ,EAAE,IADC;AAEXC,MAAAA,UAAU,EAAE,IAFD;AAGXC,MAAAA,wBAAwB,EAAE,IAHf;AAIXC,MAAAA,wBAAwB,EAAE,IAJf;AAKXC,MAAAA,uBAAuB,EAAE,IALd;AAMXC,MAAAA,2BAA2B,EAAE,IANlB;AAOXC,MAAAA,2BAA2B,EAAE;AAPlB;AANH,GAVA;;AA0BVC,EAAAA,IAAI,GAAG;AACN,WAAO,IAAP;AACA,GA5BS;;AA6BVC,EAAAA,OAAO,EAAEC,0BA7BC;;AA8BVC,EAAAA,UAAU,OAAc;AAAA;;AAAA,QAAZ;AAAEC,MAAAA;AAAF,KAAY;AACvB,WAAOA,KAAP,aAAOA,KAAP,4CAAOA,KAAK,CAAEZ,UAAd,sDAAO,kBAAmBa,UAA1B;AACA;;AAhCS,CAAX;AAmCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;eACe,CAAExB,EAAF,C","sourcesContent":["/**\n * Internal dependencies\n */\nimport migrateFontFamily from '../utils/migrate-font-family';\n\nconst v1 = {\n\tattributes: {\n\t\tformat: {\n\t\t\ttype: 'string',\n\t\t},\n\t\tisLink: {\n\t\t\ttype: 'boolean',\n\t\t\tdefault: false,\n\t\t},\n\t},\n\tsupports: {\n\t\thtml: false,\n\t\tcolor: {\n\t\t\tgradients: true,\n\t\t\tlink: true,\n\t\t},\n\t\ttypography: {\n\t\t\tfontSize: true,\n\t\t\tlineHeight: true,\n\t\t\t__experimentalFontFamily: true,\n\t\t\t__experimentalFontWeight: true,\n\t\t\t__experimentalFontStyle: true,\n\t\t\t__experimentalTextTransform: true,\n\t\t\t__experimentalLetterSpacing: true,\n\t\t},\n\t},\n\tsave() {\n\t\treturn null;\n\t},\n\tmigrate: migrateFontFamily,\n\tisEligible( { style } ) {\n\t\treturn style?.typography?.fontFamily;\n\t},\n};\n\n/**\n * New deprecations need to be placed first\n * for them to have higher priority.\n *\n * Old deprecations may need to be updated as well.\n *\n * See block-deprecation.md\n */\nexport default [ v1 ];\n"]}

package/build/{post-comment-date → comment-date}/edit.js

@@ -20,52 +20,54 @@ var _i18n = require("@wordpress/i18n");
 /**
  * WordPress dependencies
  */
-function Edit({
-  attributes,
-  context,
-  setAttributes
-}) {
-  const {
-    className,
-    format,
-    isLink
-  } = attributes;
-  const {
-    commentId
-  } = context;
-  const settings = (0, _date.__experimentalGetSettings)();
-  const [siteDateFormat] = (0, _coreData.useEntityProp)('root', 'site', 'date_format');
+
+/**
+ * Renders the `core/comment-date` block on the editor.
+ *
+ * @param {Object} props                   React props.
+ * @param {Object} props.setAttributes     Callback for updating block attributes.
+ * @param {Object} props.attributes        Block attributes.
+ * @param {string} props.attributes.format Format of the date.
+ * @param {string} props.attributes.isLink Whether the author name should be linked.
+ * @param {Object} props.context           Inherited context.
+ * @param {string} props.context.commentId The comment ID.
+ *
+ * @return {JSX.Element} React element.
+ */
+function Edit(_ref) {
+  let {
+    attributes: {
+      format,
+      isLink
+    },
+    context: {
+      commentId
+    },
+    setAttributes
+  } = _ref;
+  const blockProps = (0, _blockEditor.useBlockProps)();
   const [date] = (0, _coreData.useEntityProp)('root', 'comment', 'date', commentId);
+  const [siteDateFormat] = (0, _coreData.useEntityProp)('root', 'site', 'date_format');
+  const settings = (0, _date.__experimentalGetSettings)();
   const formatOptions = Object.values(settings.formats).map(formatOption => ({
     key: formatOption,
-    name: (0, _date.dateI18n)(formatOption, date)
+    name: (0, _date.dateI18n)(formatOption, date || new Date())
   }));
   const resolvedFormat = format || siteDateFormat || settings.formats.date;
-  const blockProps = (0, _blockEditor.useBlockProps)({
-    className
-  });
-  let commentDate = (0, _element.createElement)("time", {
-    dateTime: (0, _date.dateI18n)('c', date)
-  }, (0, _date.dateI18n)(resolvedFormat, date));
-
-  if (isLink) {
-    commentDate = (0, _element.createElement)("a", {
-      href: "#comment-date-pseudo-link",
-      onClick: event => event.preventDefault()
-    }, commentDate);
-  }
-
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  const inspectorControls = (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Format settings')
   }, (0, _element.createElement)(_components.CustomSelectControl, {
     hideLabelFromVision: true,
     label: (0, _i18n.__)('Date Format'),
     options: formatOptions,
-    onChange: ({
-      selectedItem
-    }) => setAttributes({
-      format: selectedItem.key
-    }),
+    onChange: _ref2 => {
+      let {
+        selectedItem
+      } = _ref2;
+      return setAttributes({
+        format: selectedItem.key
+      });
+    },
     value: formatOptions.find(option => option.key === resolvedFormat)
   })), (0, _element.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Link settings')
@@ -75,6 +77,23 @@ function Edit({
       isLink: !isLink
     }),
     checked: isLink
-  }))), (0, _element.createElement)("div", blockProps, commentDate));
+  })));
+
+  if (!commentId || !date) {
+    return (0, _element.createElement)(_element.Fragment, null, inspectorControls, (0, _element.createElement)("div", blockProps, (0, _element.createElement)("p", null, (0, _i18n._x)('Comment Date', 'block title'))));
+  }
+
+  let commentDate = (0, _element.createElement)("time", {
+    dateTime: (0, _date.dateI18n)('c', date)
+  }, (0, _date.dateI18n)(resolvedFormat, date));
+
+  if (isLink) {
+    commentDate = (0, _element.createElement)("a", {
+      href: "#comment-date-pseudo-link",
+      onClick: event => event.preventDefault()
+    }, commentDate);
+  }
+
+  return (0, _element.createElement)(_element.Fragment, null, inspectorControls, (0, _element.createElement)("div", blockProps, commentDate));
 }
 //# sourceMappingURL=edit.js.map

package/build/comment-date/edit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-date/edit.js"],"names":["Edit","attributes","format","isLink","context","commentId","setAttributes","blockProps","date","siteDateFormat","settings","formatOptions","Object","values","formats","map","formatOption","key","name","Date","resolvedFormat","inspectorControls","selectedItem","find","option","commentDate","event","preventDefault"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AAKA;;AAXA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,IAAT,OAIX;AAAA,MAJ0B;AAC7BC,IAAAA,UAAU,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KADiB;AAE7BC,IAAAA,OAAO,EAAE;AAAEC,MAAAA;AAAF,KAFoB;AAG7BC,IAAAA;AAH6B,GAI1B;AACH,QAAMC,UAAU,GAAG,iCAAnB;AACA,QAAM,CAAEC,IAAF,IAAW,6BAAe,MAAf,EAAuB,SAAvB,EAAkC,MAAlC,EAA0CH,SAA1C,CAAjB;AACA,QAAM,CAAEI,cAAF,IAAqB,6BAAe,MAAf,EAAuB,MAAvB,EAA+B,aAA/B,CAA3B;AAEA,QAAMC,QAAQ,GAAG,sCAAjB;AACA,QAAMC,aAAa,GAAGC,MAAM,CAACC,MAAP,CAAeH,QAAQ,CAACI,OAAxB,EAAkCC,GAAlC,CACnBC,YAAF,KAAsB;AACrBC,IAAAA,GAAG,EAAED,YADgB;AAErBE,IAAAA,IAAI,EAAE,oBAAUF,YAAV,EAAwBR,IAAI,IAAI,IAAIW,IAAJ,EAAhC;AAFe,GAAtB,CADqB,CAAtB;AAMA,QAAMC,cAAc,GAAGlB,MAAM,IAAIO,cAAV,IAA4BC,QAAQ,CAACI,OAAT,CAAiBN,IAApE;AAEA,QAAMa,iBAAiB,GACtB,4BAAC,8BAAD,QACC,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAG,cAAI,iBAAJ;AAAnB,KACC,4BAAC,+BAAD;AACC,IAAA,mBAAmB,MADpB;AAEC,IAAA,KAAK,EAAG,cAAI,aAAJ,CAFT;AAGC,IAAA,OAAO,EAAGV,aAHX;AAIC,IAAA,QAAQ,EAAG;AAAA,UAAE;AAAEW,QAAAA;AAAF,OAAF;AAAA,aACVhB,aAAa,CAAE;AACdJ,QAAAA,MAAM,EAAEoB,YAAY,CAACL;AADP,OAAF,CADH;AAAA,KAJZ;AASC,IAAA,KAAK,EAAGN,aAAa,CAACY,IAAd,CACLC,MAAF,IAAcA,MAAM,CAACP,GAAP,KAAeG,cADtB;AATT,IADD,CADD,EAgBC,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAG,cAAI,eAAJ;AAAnB,KACC,4BAAC,yBAAD;AACC,IAAA,KAAK,EAAG,cAAI,iBAAJ,CADT;AAEC,IAAA,QAAQ,EAAG,MAAMd,aAAa,CAAE;AAAEH,MAAAA,MAAM,EAAE,CAAEA;AAAZ,KAAF,CAF/B;AAGC,IAAA,OAAO,EAAGA;AAHX,IADD,CAhBD,CADD;;AA2BA,MAAK,CAAEE,SAAF,IAAe,CAAEG,IAAtB,EAA6B;AAC5B,WACC,qDACGa,iBADH,EAEC,mCAAUd,UAAV,EACC,uCAAK,cAAI,cAAJ,EAAoB,aAApB,CAAL,CADD,CAFD,CADD;AAQA;;AAED,MAAIkB,WAAW,GACd;AAAM,IAAA,QAAQ,EAAG,oBAAU,GAAV,EAAejB,IAAf;AAAjB,KACG,oBAAUY,cAAV,EAA0BZ,IAA1B,CADH,CADD;;AAMA,MAAKL,MAAL,EAAc;AACbsB,IAAAA,WAAW,GACV;AACC,MAAA,IAAI,EAAC,2BADN;AAEC,MAAA,OAAO,EAAKC,KAAF,IAAaA,KAAK,CAACC,cAAN;AAFxB,OAIGF,WAJH,CADD;AAQA;;AAED,SACC,qDACGJ,iBADH,EAEC,mCAAUd,UAAV,EAAyBkB,WAAzB,CAFD,CADD;AAMA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityProp } from '@wordpress/core-data';\nimport { __experimentalGetSettings, dateI18n } from '@wordpress/date';\nimport { InspectorControls, useBlockProps } from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tCustomSelectControl,\n\tToggleControl,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\n\n/**\n * Renders the `core/comment-date` block on the editor.\n *\n * @param {Object} props                   React props.\n * @param {Object} props.setAttributes     Callback for updating block attributes.\n * @param {Object} props.attributes        Block attributes.\n * @param {string} props.attributes.format Format of the date.\n * @param {string} props.attributes.isLink Whether the author name should be linked.\n * @param {Object} props.context           Inherited context.\n * @param {string} props.context.commentId The comment ID.\n *\n * @return {JSX.Element} React element.\n */\nexport default function Edit( {\n\tattributes: { format, isLink },\n\tcontext: { commentId },\n\tsetAttributes,\n} ) {\n\tconst blockProps = useBlockProps();\n\tconst [ date ] = useEntityProp( 'root', 'comment', 'date', commentId );\n\tconst [ siteDateFormat ] = useEntityProp( 'root', 'site', 'date_format' );\n\n\tconst settings = __experimentalGetSettings();\n\tconst formatOptions = Object.values( settings.formats ).map(\n\t\t( formatOption ) => ( {\n\t\t\tkey: formatOption,\n\t\t\tname: dateI18n( formatOption, date || new Date() ),\n\t\t} )\n\t);\n\tconst resolvedFormat = format || siteDateFormat || settings.formats.date;\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Format settings' ) }>\n\t\t\t\t<CustomSelectControl\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tlabel={ __( 'Date Format' ) }\n\t\t\t\t\toptions={ formatOptions }\n\t\t\t\t\tonChange={ ( { selectedItem } ) =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tformat: selectedItem.key,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tvalue={ formatOptions.find(\n\t\t\t\t\t\t( option ) => option.key === resolvedFormat\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t\t<PanelBody title={ __( 'Link settings' ) }>\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ __( 'Link to comment' ) }\n\t\t\t\t\tonChange={ () => setAttributes( { isLink: ! isLink } ) }\n\t\t\t\t\tchecked={ isLink }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\tif ( ! commentId || ! date ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ inspectorControls }\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<p>{ _x( 'Comment Date', 'block title' ) }</p>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\n\tlet commentDate = (\n\t\t<time dateTime={ dateI18n( 'c', date ) }>\n\t\t\t{ dateI18n( resolvedFormat, date ) }\n\t\t</time>\n\t);\n\n\tif ( isLink ) {\n\t\tcommentDate = (\n\t\t\t<a\n\t\t\t\thref=\"#comment-date-pseudo-link\"\n\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t>\n\t\t\t\t{ commentDate }\n\t\t\t</a>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ inspectorControls }\n\t\t\t<div { ...blockProps }>{ commentDate }</div>\n\t\t</>\n\t);\n}\n"]}

package/build/{post-comment-date → comment-date}/index.js

@@ -22,11 +22,11 @@ var _deprecated = _interopRequireDefault(require("./deprecated"));
  */
 const metadata = {
   apiVersion: 2,
-  name: "core/post-comment-date",
-  title: "Post Comment Date",
-  category: "design",
-  parent: ["core/post-comment"],
-  description: "Post comment date.",
+  name: "core/comment-date",
+  title: "Comment Date",
+  category: "theme",
+  parent: ["core/comment-template"],
+  description: "Add the date of this comment.",
   textdomain: "default",
   attributes: {
     format: {
@@ -51,7 +51,10 @@ const metadata = {
       __experimentalFontWeight: true,
       __experimentalFontStyle: true,
       __experimentalTextTransform: true,
-      __experimentalLetterSpacing: true
+      __experimentalLetterSpacing: true,
+      __experimentalDefaultControls: {
+        fontSize: true
+      }
     }
   }
 };

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-date/index.js"],"names":["name","metadata","settings","icon","edit","deprecated"],"mappings":";;;;;;;;;AAGA;;AAMA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,eADuB;AAEvBC,EAAAA,IAAI,EAAJA,aAFuB;AAGvBC,EAAAA,UAAU,EAAVA;AAHuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { postDate as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\nimport deprecated from './deprecated';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tdeprecated,\n};\n"]}

package/build/comment-edit-link/edit.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Edit;
+
+var _element = require("@wordpress/element");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _components = require("@wordpress/components");
+
+var _i18n = require("@wordpress/i18n");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+function Edit(_ref) {
+  let {
+    attributes: {
+      linkTarget,
+      textAlign
+    },
+    setAttributes
+  } = _ref;
+  const blockProps = (0, _blockEditor.useBlockProps)({
+    className: (0, _classnames.default)({
+      [`has-text-align-${textAlign}`]: textAlign
+    })
+  });
+  const blockControls = (0, _element.createElement)(_blockEditor.BlockControls, {
+    group: "block"
+  }, (0, _element.createElement)(_blockEditor.AlignmentControl, {
+    value: textAlign,
+    onChange: newAlign => setAttributes({
+      textAlign: newAlign
+    })
+  }));
+  const inspectorControls = (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+    title: (0, _i18n.__)('Link settings')
+  }, (0, _element.createElement)(_components.ToggleControl, {
+    label: (0, _i18n.__)('Open in new tab'),
+    onChange: value => setAttributes({
+      linkTarget: value ? '_blank' : '_self'
+    }),
+    checked: linkTarget === '_blank'
+  })));
+  return (0, _element.createElement)(_element.Fragment, null, blockControls, inspectorControls, (0, _element.createElement)("div", blockProps, (0, _element.createElement)("a", {
+    href: "#edit-comment-pseudo-link",
+    onClick: event => event.preventDefault()
+  }, (0, _i18n.__)('Edit'))));
+}
+//# sourceMappingURL=edit.js.map

package/build/comment-edit-link/edit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-edit-link/edit.js"],"names":["Edit","attributes","linkTarget","textAlign","setAttributes","blockProps","className","blockControls","newAlign","inspectorControls","value","event","preventDefault"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AAMA;;AACA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;AAUe,SAASA,IAAT,OAGX;AAAA,MAH0B;AAC7BC,IAAAA,UAAU,EAAE;AAAEC,MAAAA,UAAF;AAAcC,MAAAA;AAAd,KADiB;AAE7BC,IAAAA;AAF6B,GAG1B;AACH,QAAMC,UAAU,GAAG,gCAAe;AACjCC,IAAAA,SAAS,EAAE,yBAAY;AACtB,OAAG,kBAAkBH,SAAW,EAAhC,GAAqCA;AADf,KAAZ;AADsB,GAAf,CAAnB;AAMA,QAAMI,aAAa,GAClB,4BAAC,0BAAD;AAAe,IAAA,KAAK,EAAC;AAArB,KACC,4BAAC,6BAAD;AACC,IAAA,KAAK,EAAGJ,SADT;AAEC,IAAA,QAAQ,EAAKK,QAAF,IACVJ,aAAa,CAAE;AAAED,MAAAA,SAAS,EAAEK;AAAb,KAAF;AAHf,IADD,CADD;AAUA,QAAMC,iBAAiB,GACtB,4BAAC,8BAAD,QACC,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAG,cAAI,eAAJ;AAAnB,KACC,4BAAC,yBAAD;AACC,IAAA,KAAK,EAAG,cAAI,iBAAJ,CADT;AAEC,IAAA,QAAQ,EAAKC,KAAF,IACVN,aAAa,CAAE;AACdF,MAAAA,UAAU,EAAEQ,KAAK,GAAG,QAAH,GAAc;AADjB,KAAF,CAHf;AAOC,IAAA,OAAO,EAAGR,UAAU,KAAK;AAP1B,IADD,CADD,CADD;AAgBA,SACC,qDACGK,aADH,EAEGE,iBAFH,EAGC,mCAAUJ,UAAV,EACC;AACC,IAAA,IAAI,EAAC,2BADN;AAEC,IAAA,OAAO,EAAKM,KAAF,IAAaA,KAAK,CAACC,cAAN;AAFxB,KAIG,cAAI,MAAJ,CAJH,CADD,CAHD,CADD;AAcA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function Edit( {\n\tattributes: { linkTarget, textAlign },\n\tsetAttributes,\n} ) {\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\tconst blockControls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<AlignmentControl\n\t\t\t\tvalue={ textAlign }\n\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t}\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Link settings' ) }>\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tchecked={ linkTarget === '_blank' }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<a\n\t\t\t\t\thref=\"#edit-comment-pseudo-link\"\n\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}

package/build/comment-edit-link/index.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.settings = exports.name = exports.metadata = void 0;
+
+var _icons = require("@wordpress/icons");
+
+var _edit = _interopRequireDefault(require("./edit"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const metadata = {
+  apiVersion: 2,
+  name: "core/comment-edit-link",
+  title: "Comment Edit Link",
+  category: "theme",
+  parent: ["core/comment-template"],
+  description: "Displays a link to edit the comment in the WordPress Dashboard. This link is only visible to users with the edit comment capability.",
+  textdomain: "default",
+  usesContext: ["commentId"],
+  attributes: {
+    linkTarget: {
+      type: "string",
+      "default": "_self"
+    },
+    textAlign: {
+      type: "string"
+    }
+  },
+  supports: {
+    html: false,
+    color: {
+      link: true,
+      gradients: true,
+      text: false
+    },
+    typography: {
+      fontSize: true,
+      lineHeight: true,
+      __experimentalFontFamily: true,
+      __experimentalFontWeight: true,
+      __experimentalFontStyle: true,
+      __experimentalTextTransform: true,
+      __experimentalLetterSpacing: true
+    }
+  }
+};
+exports.metadata = metadata;
+const {
+  name
+} = metadata;
+exports.name = name;
+const settings = {
+  icon: _icons.edit,
+  edit: _edit.default
+};
+exports.settings = settings;
+//# sourceMappingURL=index.js.map

package/build/comment-edit-link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-edit-link/index.js"],"names":["name","metadata","settings","icon","edit"],"mappings":";;;;;;;;;AAGA;;AAMA;;AATA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAGO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,WADuB;AAEvBC,EAAAA,IAAI,EAAJA;AAFuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { edit as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n"]}