@wordpress/block-library 8.19.6 → 8.20.1

package/build/comment-date/edit.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Edit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _coreData = require("@wordpress/core-data");
 var _date = require("@wordpress/date");
 var _blockEditor = require("@wordpress/block-editor");
@@ -40,15 +40,15 @@ function Edit({
   const blockProps = (0, _blockEditor.useBlockProps)();
   let [date] = (0, _coreData.useEntityProp)('root', 'comment', 'date', commentId);
   const [siteFormat = (0, _date.getSettings)().formats.date] = (0, _coreData.useEntityProp)('root', 'site', 'date_format');
-  const inspectorControls = (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  const inspectorControls = (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Settings')
-  }, (0, _element.createElement)(_blockEditor.__experimentalDateFormatPicker, {
+  }, (0, _react.createElement)(_blockEditor.__experimentalDateFormatPicker, {
     format: format,
     defaultFormat: siteFormat,
     onChange: nextFormat => setAttributes({
       format: nextFormat
     })
-  }), (0, _element.createElement)(_components.ToggleControl, {
+  }), (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Link to comment'),
     onChange: () => setAttributes({
@@ -59,16 +59,16 @@ function Edit({
   if (!commentId || !date) {
     date = (0, _i18n._x)('Comment Date', 'block title');
   }
-  let commentDate = date instanceof Date ? (0, _element.createElement)("time", {
+  let commentDate = date instanceof Date ? (0, _react.createElement)("time", {
     dateTime: (0, _date.dateI18n)('c', date)
-  }, (0, _date.dateI18n)(format || siteFormat, date)) : (0, _element.createElement)("time", null, date);
+  }, (0, _date.dateI18n)(format || siteFormat, date)) : (0, _react.createElement)("time", null, date);
   if (isLink) {
-    commentDate = (0, _element.createElement)("a", {
+    commentDate = (0, _react.createElement)("a", {
       href: "#comment-date-pseudo-link",
       onClick: event => event.preventDefault()
     }, commentDate);
   }
-  return (0, _element.createElement)(_element.Fragment, null, inspectorControls, (0, _element.createElement)("div", {
+  return (0, _react.createElement)(_react.Fragment, null, inspectorControls, (0, _react.createElement)("div", {
     ...blockProps
   }, commentDate));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_coreData","require","_date","_blockEditor","_components","_i18n","Edit","attributes","format","isLink","context","commentId","setAttributes","blockProps","useBlockProps","date","useEntityProp","siteFormat","getDateSettings","formats","inspectorControls","_element","createElement","InspectorControls","PanelBody","title","__","__experimentalDateFormatPicker","defaultFormat","onChange","nextFormat","ToggleControl","__nextHasNoMarginBottom","label","checked","_x","commentDate","Date","dateTime","dateI18n","href","onClick","event","preventDefault","Fragment"],"sources":["@wordpress/block-library/src/comment-date/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityProp } from '@wordpress/core-data';\nimport { dateI18n, getSettings as getDateSettings } from '@wordpress/date';\nimport {\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalDateFormatPicker as DateFormatPicker,\n} from '@wordpress/block-editor';\nimport { PanelBody, ToggleControl } 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\tlet [ date ] = useEntityProp( 'root', 'comment', 'date', commentId );\n\tconst [ siteFormat = getDateSettings().formats.date ] = useEntityProp(\n\t\t'root',\n\t\t'site',\n\t\t'date_format'\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t<DateFormatPicker\n\t\t\t\t\tformat={ format }\n\t\t\t\t\tdefaultFormat={ siteFormat }\n\t\t\t\t\tonChange={ ( nextFormat ) =>\n\t\t\t\t\t\tsetAttributes( { format: nextFormat } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\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\tdate = _x( 'Comment Date', 'block title' );\n\t}\n\n\tlet commentDate =\n\t\tdate instanceof Date ? (\n\t\t\t<time dateTime={ dateI18n( 'c', date ) }>\n\t\t\t\t{ dateI18n( format || siteFormat, date ) }\n\t\t\t</time>\n\t\t) : (\n\t\t\t<time>{ date }</time>\n\t\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"],"mappings":";;;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASK,IAAIA,CAAE;EAC7BC,UAAU,EAAE;IAAEC,MAAM;IAAEC;EAAO,CAAC;EAC9BC,OAAO,EAAE;IAAEC;EAAU,CAAC;EACtBC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAC,CAAC;EAClC,IAAI,CAAEC,IAAI,CAAE,GAAG,IAAAC,uBAAa,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAEL,SAAU,CAAC;EACpE,MAAM,CAAEM,UAAU,GAAG,IAAAC,iBAAe,EAAC,CAAC,CAACC,OAAO,CAACJ,IAAI,CAAE,GAAG,IAAAC,uBAAa,EACpE,MAAM,EACN,MAAM,EACN,aACD,CAAC;EAED,MAAMI,iBAAiB,GACtB,IAAAC,QAAA,CAAAC,aAAA,EAACnB,YAAA,CAAAoB,iBAAiB,QACjB,IAAAF,QAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAoB,SAAS;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW;EAAG,GACpC,IAAAL,QAAA,CAAAC,aAAA,EAACnB,YAAA,CAAAwB,8BAAgB;IAChBnB,MAAM,EAAGA,MAAQ;IACjBoB,aAAa,EAAGX,UAAY;IAC5BY,QAAQ,EAAKC,UAAU,IACtBlB,aAAa,CAAE;MAAEJ,MAAM,EAAEsB;IAAW,CAAE;EACtC,CACD,CAAC,EACF,IAAAT,QAAA,CAAAC,aAAA,EAAClB,WAAA,CAAA2B,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAP,QAAE,EAAE,iBAAkB,CAAG;IACjCG,QAAQ,EAAGA,CAAA,KAAMjB,aAAa,CAAE;MAAEH,MAAM,EAAE,CAAEA;IAAO,CAAE,CAAG;IACxDyB,OAAO,EAAGzB;EAAQ,CAClB,CACS,CACO,CACnB;EAED,IAAK,CAAEE,SAAS,IAAI,CAAEI,IAAI,EAAG;IAC5BA,IAAI,GAAG,IAAAoB,QAAE,EAAE,cAAc,EAAE,aAAc,CAAC;EAC3C;EAEA,IAAIC,WAAW,GACdrB,IAAI,YAAYsB,IAAI,GACnB,IAAAhB,QAAA,CAAAC,aAAA;IAAMgB,QAAQ,EAAG,IAAAC,cAAQ,EAAE,GAAG,EAAExB,IAAK;EAAG,GACrC,IAAAwB,cAAQ,EAAE/B,MAAM,IAAIS,UAAU,EAAEF,IAAK,CAClC,CAAC,GAEP,IAAAM,QAAA,CAAAC,aAAA,gBAAQP,IAAY,CACpB;EAEF,IAAKN,MAAM,EAAG;IACb2B,WAAW,GACV,IAAAf,QAAA,CAAAC,aAAA;MACCkB,IAAI,EAAC,2BAA2B;MAChCC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC;IAAG,GAE7CP,WACA,CACH;EACF;EAEA,OACC,IAAAf,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAuB,QAAA,QACGxB,iBAAiB,EACnB,IAAAC,QAAA,CAAAC,aAAA;IAAA,GAAUT;EAAU,GAAKuB,WAAkB,CAC1C,CAAC;AAEL"}
+{"version":3,"names":["_coreData","require","_date","_blockEditor","_components","_i18n","Edit","attributes","format","isLink","context","commentId","setAttributes","blockProps","useBlockProps","date","useEntityProp","siteFormat","getDateSettings","formats","inspectorControls","_react","createElement","InspectorControls","PanelBody","title","__","__experimentalDateFormatPicker","defaultFormat","onChange","nextFormat","ToggleControl","__nextHasNoMarginBottom","label","checked","_x","commentDate","Date","dateTime","dateI18n","href","onClick","event","preventDefault","Fragment"],"sources":["@wordpress/block-library/src/comment-date/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityProp } from '@wordpress/core-data';\nimport { dateI18n, getSettings as getDateSettings } from '@wordpress/date';\nimport {\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalDateFormatPicker as DateFormatPicker,\n} from '@wordpress/block-editor';\nimport { PanelBody, ToggleControl } 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\tlet [ date ] = useEntityProp( 'root', 'comment', 'date', commentId );\n\tconst [ siteFormat = getDateSettings().formats.date ] = useEntityProp(\n\t\t'root',\n\t\t'site',\n\t\t'date_format'\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t<DateFormatPicker\n\t\t\t\t\tformat={ format }\n\t\t\t\t\tdefaultFormat={ siteFormat }\n\t\t\t\t\tonChange={ ( nextFormat ) =>\n\t\t\t\t\t\tsetAttributes( { format: nextFormat } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\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\tdate = _x( 'Comment Date', 'block title' );\n\t}\n\n\tlet commentDate =\n\t\tdate instanceof Date ? (\n\t\t\t<time dateTime={ dateI18n( 'c', date ) }>\n\t\t\t\t{ dateI18n( format || siteFormat, date ) }\n\t\t\t</time>\n\t\t) : (\n\t\t\t<time>{ date }</time>\n\t\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"],"mappings":";;;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASK,IAAIA,CAAE;EAC7BC,UAAU,EAAE;IAAEC,MAAM;IAAEC;EAAO,CAAC;EAC9BC,OAAO,EAAE;IAAEC;EAAU,CAAC;EACtBC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAC,CAAC;EAClC,IAAI,CAAEC,IAAI,CAAE,GAAG,IAAAC,uBAAa,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAEL,SAAU,CAAC;EACpE,MAAM,CAAEM,UAAU,GAAG,IAAAC,iBAAe,EAAC,CAAC,CAACC,OAAO,CAACJ,IAAI,CAAE,GAAG,IAAAC,uBAAa,EACpE,MAAM,EACN,MAAM,EACN,aACD,CAAC;EAED,MAAMI,iBAAiB,GACtB,IAAAC,MAAA,CAAAC,aAAA,EAACnB,YAAA,CAAAoB,iBAAiB,QACjB,IAAAF,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAoB,SAAS;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW;EAAG,GACpC,IAAAL,MAAA,CAAAC,aAAA,EAACnB,YAAA,CAAAwB,8BAAgB;IAChBnB,MAAM,EAAGA,MAAQ;IACjBoB,aAAa,EAAGX,UAAY;IAC5BY,QAAQ,EAAKC,UAAU,IACtBlB,aAAa,CAAE;MAAEJ,MAAM,EAAEsB;IAAW,CAAE;EACtC,CACD,CAAC,EACF,IAAAT,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAA2B,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAP,QAAE,EAAE,iBAAkB,CAAG;IACjCG,QAAQ,EAAGA,CAAA,KAAMjB,aAAa,CAAE;MAAEH,MAAM,EAAE,CAAEA;IAAO,CAAE,CAAG;IACxDyB,OAAO,EAAGzB;EAAQ,CAClB,CACS,CACO,CACnB;EAED,IAAK,CAAEE,SAAS,IAAI,CAAEI,IAAI,EAAG;IAC5BA,IAAI,GAAG,IAAAoB,QAAE,EAAE,cAAc,EAAE,aAAc,CAAC;EAC3C;EAEA,IAAIC,WAAW,GACdrB,IAAI,YAAYsB,IAAI,GACnB,IAAAhB,MAAA,CAAAC,aAAA;IAAMgB,QAAQ,EAAG,IAAAC,cAAQ,EAAE,GAAG,EAAExB,IAAK;EAAG,GACrC,IAAAwB,cAAQ,EAAE/B,MAAM,IAAIS,UAAU,EAAEF,IAAK,CAClC,CAAC,GAEP,IAAAM,MAAA,CAAAC,aAAA,gBAAQP,IAAY,CACpB;EAEF,IAAKN,MAAM,EAAG;IACb2B,WAAW,GACV,IAAAf,MAAA,CAAAC,aAAA;MACCkB,IAAI,EAAC,2BAA2B;MAChCC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC;IAAG,GAE7CP,WACA,CACH;EACF;EAEA,OACC,IAAAf,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAuB,QAAA,QACGxB,iBAAiB,EACnB,IAAAC,MAAA,CAAAC,aAAA;IAAA,GAAUT;EAAU,GAAKuB,WAAkB,CAC1C,CAAC;AAEL"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Edit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
@@ -30,17 +30,17 @@ function Edit({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });
-  const blockControls = (0, _element.createElement)(_blockEditor.BlockControls, {
+  const blockControls = (0, _react.createElement)(_blockEditor.BlockControls, {
     group: "block"
-  }, (0, _element.createElement)(_blockEditor.AlignmentControl, {
+  }, (0, _react.createElement)(_blockEditor.AlignmentControl, {
     value: textAlign,
     onChange: newAlign => setAttributes({
       textAlign: newAlign
     })
   }));
-  const inspectorControls = (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  const inspectorControls = (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Settings')
-  }, (0, _element.createElement)(_components.ToggleControl, {
+  }, (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Open in new tab'),
     onChange: value => setAttributes({
@@ -48,9 +48,9 @@ function Edit({
     }),
     checked: linkTarget === '_blank'
   })));
-  return (0, _element.createElement)(_element.Fragment, null, blockControls, inspectorControls, (0, _element.createElement)("div", {
+  return (0, _react.createElement)(_react.Fragment, null, blockControls, inspectorControls, (0, _react.createElement)("div", {
     ...blockProps
-  }, (0, _element.createElement)("a", {
+  }, (0, _react.createElement)("a", {
     href: "#edit-comment-pseudo-link",
     onClick: event => event.preventDefault()
   }, (0, _i18n.__)('Edit'))));

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_components","_i18n","Edit","attributes","linkTarget","textAlign","setAttributes","blockProps","useBlockProps","className","classnames","blockControls","_element","createElement","BlockControls","group","AlignmentControl","value","onChange","newAlign","inspectorControls","InspectorControls","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","label","checked","Fragment","href","onClick","event","preventDefault"],"sources":["@wordpress/block-library/src/comment-edit-link/edit.js"],"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={ __( 'Settings' ) }>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\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"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAUe,SAASI,IAAIA,CAAE;EAC7BC,UAAU,EAAE;IAAEC,UAAU;IAAEC;EAAU,CAAC;EACrCC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,mBAAU,EAAE;MACtB,CAAG,kBAAkBL,SAAW,EAAC,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,MAAMM,aAAa,GAClB,IAAAC,QAAA,CAAAC,aAAA,EAACd,YAAA,CAAAe,aAAa;IAACC,KAAK,EAAC;EAAO,GAC3B,IAAAH,QAAA,CAAAC,aAAA,EAACd,YAAA,CAAAiB,gBAAgB;IAChBC,KAAK,EAAGZ,SAAW;IACnBa,QAAQ,EAAKC,QAAQ,IACpBb,aAAa,CAAE;MAAED,SAAS,EAAEc;IAAS,CAAE;EACvC,CACD,CACa,CACf;EACD,MAAMC,iBAAiB,GACtB,IAAAR,QAAA,CAAAC,aAAA,EAACd,YAAA,CAAAsB,iBAAiB,QACjB,IAAAT,QAAA,CAAAC,aAAA,EAACb,WAAA,CAAAsB,SAAS;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW;EAAG,GACpC,IAAAZ,QAAA,CAAAC,aAAA,EAACb,WAAA,CAAAyB,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAH,QAAE,EAAE,iBAAkB,CAAG;IACjCN,QAAQ,EAAKD,KAAK,IACjBX,aAAa,CAAE;MACdF,UAAU,EAAEa,KAAK,GAAG,QAAQ,GAAG;IAChC,CAAE,CACF;IACDW,OAAO,EAAGxB,UAAU,KAAK;EAAU,CACnC,CACS,CACO,CACnB;EAED,OACC,IAAAQ,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAiB,QAAA,QACGlB,aAAa,EACbS,iBAAiB,EACnB,IAAAR,QAAA,CAAAC,aAAA;IAAA,GAAUN;EAAU,GACnB,IAAAK,QAAA,CAAAC,aAAA;IACCiB,IAAI,EAAC,2BAA2B;IAChCC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC;EAAG,GAE7C,IAAAT,QAAE,EAAE,MAAO,CACX,CACC,CACJ,CAAC;AAEL"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_components","_i18n","Edit","attributes","linkTarget","textAlign","setAttributes","blockProps","useBlockProps","className","classnames","blockControls","_react","createElement","BlockControls","group","AlignmentControl","value","onChange","newAlign","inspectorControls","InspectorControls","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","label","checked","Fragment","href","onClick","event","preventDefault"],"sources":["@wordpress/block-library/src/comment-edit-link/edit.js"],"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={ __( 'Settings' ) }>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\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"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAUe,SAASI,IAAIA,CAAE;EAC7BC,UAAU,EAAE;IAAEC,UAAU;IAAEC;EAAU,CAAC;EACrCC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,mBAAU,EAAE;MACtB,CAAG,kBAAkBL,SAAW,EAAC,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,MAAMM,aAAa,GAClB,IAAAC,MAAA,CAAAC,aAAA,EAACd,YAAA,CAAAe,aAAa;IAACC,KAAK,EAAC;EAAO,GAC3B,IAAAH,MAAA,CAAAC,aAAA,EAACd,YAAA,CAAAiB,gBAAgB;IAChBC,KAAK,EAAGZ,SAAW;IACnBa,QAAQ,EAAKC,QAAQ,IACpBb,aAAa,CAAE;MAAED,SAAS,EAAEc;IAAS,CAAE;EACvC,CACD,CACa,CACf;EACD,MAAMC,iBAAiB,GACtB,IAAAR,MAAA,CAAAC,aAAA,EAACd,YAAA,CAAAsB,iBAAiB,QACjB,IAAAT,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAAsB,SAAS;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW;EAAG,GACpC,IAAAZ,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAAyB,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAH,QAAE,EAAE,iBAAkB,CAAG;IACjCN,QAAQ,EAAKD,KAAK,IACjBX,aAAa,CAAE;MACdF,UAAU,EAAEa,KAAK,GAAG,QAAQ,GAAG;IAChC,CAAE,CACF;IACDW,OAAO,EAAGxB,UAAU,KAAK;EAAU,CACnC,CACS,CACO,CACnB;EAED,OACC,IAAAQ,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAiB,QAAA,QACGlB,aAAa,EACbS,iBAAiB,EACnB,IAAAR,MAAA,CAAAC,aAAA;IAAA,GAAUN;EAAU,GACnB,IAAAK,MAAA,CAAAC,aAAA;IACCiB,IAAI,EAAC,2BAA2B;IAChCC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC;EAAG,GAE7C,IAAAT,QAAE,EAAE,MAAO,CACX,CACC,CACJ,CAAC;AAEL"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
@@ -38,17 +38,17 @@ function Edit({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });
-  const blockControls = (0, _element.createElement)(_blockEditor.BlockControls, {
+  const blockControls = (0, _react.createElement)(_blockEditor.BlockControls, {
     group: "block"
-  }, (0, _element.createElement)(_blockEditor.AlignmentControl, {
+  }, (0, _react.createElement)(_blockEditor.AlignmentControl, {
     value: textAlign,
     onChange: newAlign => setAttributes({
       textAlign: newAlign
     })
   }));
-  return (0, _element.createElement)(_element.Fragment, null, blockControls, (0, _element.createElement)("div", {
+  return (0, _react.createElement)(_react.Fragment, null, blockControls, (0, _react.createElement)("div", {
     ...blockProps
-  }, (0, _element.createElement)("a", {
+  }, (0, _react.createElement)("a", {
     href: "#comment-reply-pseudo-link",
     onClick: event => event.preventDefault()
   }, (0, _i18n.__)('Reply'))));

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_blockEditor","Edit","setAttributes","attributes","textAlign","blockProps","useBlockProps","className","classnames","blockControls","_element","createElement","BlockControls","group","AlignmentControl","value","onChange","newAlign","Fragment","href","onClick","event","preventDefault","__","_default","exports","default"],"sources":["@wordpress/block-library/src/comment-reply-link/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Renders the `core/comment-reply-link` 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 *\n * @return {JSX.Element} React element.\n */\nfunction Edit( { setAttributes, attributes: { textAlign } } ) {\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\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<a\n\t\t\t\t\thref=\"#comment-reply-pseudo-link\"\n\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Reply' ) }\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Edit;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASG,IAAIA,CAAE;EAAEC,aAAa;EAAEC,UAAU,EAAE;IAAEC;EAAU;AAAE,CAAC,EAAG;EAC7D,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,mBAAU,EAAE;MACtB,CAAG,kBAAkBJ,SAAW,EAAC,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,MAAMK,aAAa,GAClB,IAAAC,QAAA,CAAAC,aAAA,EAACX,YAAA,CAAAY,aAAa;IAACC,KAAK,EAAC;EAAO,GAC3B,IAAAH,QAAA,CAAAC,aAAA,EAACX,YAAA,CAAAc,gBAAgB;IAChBC,KAAK,EAAGX,SAAW;IACnBY,QAAQ,EAAKC,QAAQ,IACpBf,aAAa,CAAE;MAAEE,SAAS,EAAEa;IAAS,CAAE;EACvC,CACD,CACa,CACf;EAED,OACC,IAAAP,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAQ,QAAA,QACGT,aAAa,EACf,IAAAC,QAAA,CAAAC,aAAA;IAAA,GAAUN;EAAU,GACnB,IAAAK,QAAA,CAAAC,aAAA;IACCQ,IAAI,EAAC,4BAA4B;IACjCC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC;EAAG,GAE7C,IAAAC,QAAE,EAAE,OAAQ,CACZ,CACC,CACJ,CAAC;AAEL;AAAC,IAAAC,QAAA,GAEcvB,IAAI;AAAAwB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_blockEditor","Edit","setAttributes","attributes","textAlign","blockProps","useBlockProps","className","classnames","blockControls","_react","createElement","BlockControls","group","AlignmentControl","value","onChange","newAlign","Fragment","href","onClick","event","preventDefault","__","_default","exports","default"],"sources":["@wordpress/block-library/src/comment-reply-link/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Renders the `core/comment-reply-link` 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 *\n * @return {JSX.Element} React element.\n */\nfunction Edit( { setAttributes, attributes: { textAlign } } ) {\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\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<a\n\t\t\t\t\thref=\"#comment-reply-pseudo-link\"\n\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Reply' ) }\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Edit;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASG,IAAIA,CAAE;EAAEC,aAAa;EAAEC,UAAU,EAAE;IAAEC;EAAU;AAAE,CAAC,EAAG;EAC7D,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,mBAAU,EAAE;MACtB,CAAG,kBAAkBJ,SAAW,EAAC,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,MAAMK,aAAa,GAClB,IAAAC,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAY,aAAa;IAACC,KAAK,EAAC;EAAO,GAC3B,IAAAH,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAc,gBAAgB;IAChBC,KAAK,EAAGX,SAAW;IACnBY,QAAQ,EAAKC,QAAQ,IACpBf,aAAa,CAAE;MAAEE,SAAS,EAAEa;IAAS,CAAE;EACvC,CACD,CACa,CACf;EAED,OACC,IAAAP,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAQ,QAAA,QACGT,aAAa,EACf,IAAAC,MAAA,CAAAC,aAAA;IAAA,GAAUN;EAAU,GACnB,IAAAK,MAAA,CAAAC,aAAA;IACCQ,IAAI,EAAC,4BAA4B;IACjCC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC;EAAG,GAE7C,IAAAC,QAAE,EAAE,OAAQ,CACZ,CACC,CACJ,CAAC;AAEL;AAAC,IAAAC,QAAA,GAEcvB,IAAI;AAAAwB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/comment-template/edit.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CommentTemplateEdit;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
@@ -93,7 +94,7 @@ const getCommentsPlaceholder = ({
  * @param {Array}  [props.firstCommentId]     - ID of the first comment in the array.
  * @param {Array}  [props.blocks]             - Array of blocks returned from
  *                                            getBlocks() in parent .
- * @return {WPElement}                 		Inner blocks of the Comment Template
+ * @return {Element}                 		Inner blocks of the Comment Template
  */
 function CommentTemplateInnerBlocks({
   comment,
@@ -108,14 +109,14 @@ function CommentTemplateInnerBlocks({
   } = (0, _blockEditor.useInnerBlocksProps)({}, {
     template: TEMPLATE
   });
-  return (0, _element.createElement)("li", {
+  return (0, _react.createElement)("li", {
     ...innerBlocksProps
-  }, comment.commentId === (activeCommentId || firstCommentId) ? children : null, (0, _element.createElement)(MemoizedCommentTemplatePreview, {
+  }, comment.commentId === (activeCommentId || firstCommentId) ? children : null, (0, _react.createElement)(MemoizedCommentTemplatePreview, {
     blocks: blocks,
     commentId: comment.commentId,
     setActiveCommentId: setActiveCommentId,
     isHidden: comment.commentId === (activeCommentId || firstCommentId)
-  }), comment?.children?.length > 0 ? (0, _element.createElement)(CommentsList, {
+  }), comment?.children?.length > 0 ? (0, _react.createElement)(CommentsList, {
     comments: comment.children,
     activeCommentId: activeCommentId,
     setActiveCommentId: setActiveCommentId,
@@ -144,7 +145,7 @@ const CommentTemplatePreview = ({
   const style = {
     display: isHidden ? 'none' : undefined
   };
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ...blockPreviewProps,
     tabIndex: 0,
     role: "button",
@@ -168,7 +169,7 @@ const MemoizedCommentTemplatePreview = (0, _element.memo)(CommentTemplatePreview
  * @param {Array}  [props.blocks]             - Array of blocks returned from getBlocks() in parent.
  * @param {Object} [props.firstCommentId]     - The ID of the first comment in the array of
  *                                            comment objects.
- * @return {WPElement}                 		List of comments.
+ * @return {Element}                 		List of comments.
  */
 const CommentsList = ({
   comments,
@@ -177,12 +178,12 @@ const CommentsList = ({
   setActiveCommentId,
   blocks,
   firstCommentId
-}) => (0, _element.createElement)("ol", {
+}) => (0, _react.createElement)("ol", {
   ...blockProps
 }, comments && comments.map(({
   commentId,
   ...comment
-}, index) => (0, _element.createElement)(_blockEditor.BlockContextProvider, {
+}, index) => (0, _react.createElement)(_blockEditor.BlockContextProvider, {
   key: comment.commentId || index,
   value: {
     // If the commentId is negative it means that this comment is a
@@ -192,7 +193,7 @@ const CommentsList = ({
     // would be reqested from the REST API.
     commentId: commentId < 0 ? null : commentId
   }
-}, (0, _element.createElement)(CommentTemplateInnerBlocks, {
+}, (0, _react.createElement)(CommentTemplateInnerBlocks, {
   comment: {
     commentId,
     ...comment
@@ -247,9 +248,9 @@ function CommentTemplateEdit({
   // Reverse the order of top comments if needed.
   commentOrder === 'desc' && topLevelComments ? [...topLevelComments].reverse() : topLevelComments);
   if (!topLevelComments) {
-    return (0, _element.createElement)("p", {
+    return (0, _react.createElement)("p", {
       ...blockProps
-    }, (0, _element.createElement)(_components.Spinner, null));
+    }, (0, _react.createElement)(_components.Spinner, null));
   }
   if (!postId) {
     commentTree = getCommentsPlaceholder({
@@ -260,11 +261,11 @@ function CommentTemplateEdit({
     });
   }
   if (!commentTree.length) {
-    return (0, _element.createElement)("p", {
+    return (0, _react.createElement)("p", {
       ...blockProps
     }, (0, _i18n.__)('No results found.'));
   }
-  return (0, _element.createElement)(CommentsList, {
+  return (0, _react.createElement)(CommentsList, {
     comments: commentTree,
     blockProps: blockProps,
     blocks: blocks,

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_i18n","_blockEditor","_components","_coreData","_hooks","TEMPLATE","getCommentsPlaceholder","perPage","pageComments","threadComments","threadCommentsDepth","commentsDepth","Math","min","buildChildrenComment","commentsLevel","nextLevel","commentId","children","placeholderComments","push","CommentTemplateInnerBlocks","comment","activeCommentId","setActiveCommentId","firstCommentId","blocks","innerBlocksProps","useInnerBlocksProps","template","createElement","MemoizedCommentTemplatePreview","isHidden","length","CommentsList","comments","CommentTemplatePreview","blockPreviewProps","useBlockPreview","handleOnClick","style","display","undefined","tabIndex","role","onClick","onKeyPress","memo","blockProps","map","index","BlockContextProvider","key","value","CommentTemplateEdit","clientId","context","postId","useBlockProps","useState","commentOrder","commentsPerPage","useSelect","select","getSettings","blockEditorStore","__experimentalDiscussionSettings","commentQuery","useCommentQueryArgs","topLevelComments","getEntityRecords","coreStore","getBlocks","commentTree","useCommentTree","reverse","Spinner","__"],"sources":["@wordpress/block-library/src/comment-template/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, memo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBlockContextProvider,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n\t__experimentalUseBlockPreview as useBlockPreview,\n} from '@wordpress/block-editor';\nimport { Spinner } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { useCommentQueryArgs, useCommentTree } from './hooks';\n\nconst TEMPLATE = [\n\t[ 'core/avatar' ],\n\t[ 'core/comment-author-name' ],\n\t[ 'core/comment-date' ],\n\t[ 'core/comment-content' ],\n\t[ 'core/comment-reply-link' ],\n\t[ 'core/comment-edit-link' ],\n];\n\n/**\n * Function that returns a comment structure that will be rendered with default placehoders.\n *\n * Each comment has a `commentId` property that is always a negative number in\n * case of the placeholders. This is to ensure that the comment does not\n * conflict with the actual (real) comments.\n *\n * @param {Object}  settings                       Discussion Settings.\n * @param {number}  [settings.perPage]             - Comments per page setting or block attribute.\n * @param {boolean} [settings.pageComments]        - Enable break comments into pages setting.\n * @param {boolean} [settings.threadComments]      - Enable threaded (nested) comments setting.\n * @param {number}  [settings.threadCommentsDepth] - Level deep of threaded comments.\n *\n * @typedef {{id: null, children: EmptyComment[]}} EmptyComment\n * @return {EmptyComment[]}                 \t\tInner blocks of the Comment Template\n */\nconst getCommentsPlaceholder = ( {\n\tperPage,\n\tpageComments,\n\tthreadComments,\n\tthreadCommentsDepth,\n} ) => {\n\t// Limit commentsDepth to 3\n\tconst commentsDepth = ! threadComments\n\t\t? 1\n\t\t: Math.min( threadCommentsDepth, 3 );\n\n\tconst buildChildrenComment = ( commentsLevel ) => {\n\t\t// Render children comments until commentsDepth is reached\n\t\tif ( commentsLevel < commentsDepth ) {\n\t\t\tconst nextLevel = commentsLevel + 1;\n\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tcommentId: -( commentsLevel + 3 ),\n\t\t\t\t\tchildren: buildChildrenComment( nextLevel ),\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\t\treturn [];\n\t};\n\n\t// Add the first comment and its children\n\tconst placeholderComments = [\n\t\t{ commentId: -1, children: buildChildrenComment( 1 ) },\n\t];\n\n\t// Add a second comment unless the break comments setting is active and set to less than 2, and there is one nested comment max\n\tif ( ( ! pageComments || perPage >= 2 ) && commentsDepth < 3 ) {\n\t\tplaceholderComments.push( {\n\t\t\tcommentId: -2,\n\t\t\tchildren: [],\n\t\t} );\n\t}\n\n\t// Add a third comment unless the break comments setting is active and set to less than 3, and there aren't nested comments\n\tif ( ( ! pageComments || perPage >= 3 ) && commentsDepth < 2 ) {\n\t\tplaceholderComments.push( {\n\t\t\tcommentId: -3,\n\t\t\tchildren: [],\n\t\t} );\n\t}\n\n\t// In case that the value is set but larger than 3 we truncate it to 3.\n\treturn placeholderComments;\n};\n\n/**\n * Component which renders the inner blocks of the Comment Template.\n *\n * @param {Object} props                      Component props.\n * @param {Array}  [props.comment]            - A comment object.\n * @param {Array}  [props.activeCommentId]    - The ID of the comment that is currently active.\n * @param {Array}  [props.setActiveCommentId] - The setter for activeCommentId.\n * @param {Array}  [props.firstCommentId]     - ID of the first comment in the array.\n * @param {Array}  [props.blocks]             - Array of blocks returned from\n *                                            getBlocks() in parent .\n * @return {WPElement}                 \t\tInner blocks of the Comment Template\n */\nfunction CommentTemplateInnerBlocks( {\n\tcomment,\n\tactiveCommentId,\n\tsetActiveCommentId,\n\tfirstCommentId,\n\tblocks,\n} ) {\n\tconst { children, ...innerBlocksProps } = useInnerBlocksProps(\n\t\t{},\n\t\t{ template: TEMPLATE }\n\t);\n\n\treturn (\n\t\t<li { ...innerBlocksProps }>\n\t\t\t{ comment.commentId === ( activeCommentId || firstCommentId )\n\t\t\t\t? children\n\t\t\t\t: null }\n\n\t\t\t{ /* To avoid flicker when switching active block contexts, a preview\n\t\t\t is ALWAYS rendered and the preview for the active block is hidden.\n\t\t\t This ensures that when switching the active block, the component is not\n\t\t\t mounted again but rather it only toggles the `isHidden` prop.\n\t\t\t The same strategy is used for preventing the flicker in the Post Template\n\t\t\t block. */ }\n\t\t\t<MemoizedCommentTemplatePreview\n\t\t\t\tblocks={ blocks }\n\t\t\t\tcommentId={ comment.commentId }\n\t\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\t\tisHidden={\n\t\t\t\t\tcomment.commentId === ( activeCommentId || firstCommentId )\n\t\t\t\t}\n\t\t\t/>\n\n\t\t\t{ comment?.children?.length > 0 ? (\n\t\t\t\t<CommentsList\n\t\t\t\t\tcomments={ comment.children }\n\t\t\t\t\tactiveCommentId={ activeCommentId }\n\t\t\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tfirstCommentId={ firstCommentId }\n\t\t\t\t/>\n\t\t\t) : null }\n\t\t</li>\n\t);\n}\n\nconst CommentTemplatePreview = ( {\n\tblocks,\n\tcommentId,\n\tsetActiveCommentId,\n\tisHidden,\n} ) => {\n\tconst blockPreviewProps = useBlockPreview( {\n\t\tblocks,\n\t} );\n\n\tconst handleOnClick = () => {\n\t\tsetActiveCommentId( commentId );\n\t};\n\n\t// We have to hide the preview block if the `comment` props points to\n\t// the curently active block!\n\n\t// Or, to put it differently, every preview block is visible unless it is the\n\t// currently active block - in this case we render its inner blocks.\n\tconst style = {\n\t\tdisplay: isHidden ? 'none' : undefined,\n\t};\n\n\treturn (\n\t\t<div\n\t\t\t{ ...blockPreviewProps }\n\t\t\ttabIndex={ 0 }\n\t\t\trole=\"button\"\n\t\t\tstyle={ style }\n\t\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n\t\t\tonClick={ handleOnClick }\n\t\t\tonKeyPress={ handleOnClick }\n\t\t/>\n\t);\n};\n\nconst MemoizedCommentTemplatePreview = memo( CommentTemplatePreview );\n\n/**\n * Component that renders a list of (nested) comments. It is called recursively.\n *\n * @param {Object} props                      Component props.\n * @param {Array}  [props.comments]           - Array of comment objects.\n * @param {Array}  [props.blockProps]         - Props from parent's `useBlockProps()`.\n * @param {Array}  [props.activeCommentId]    - The ID of the comment that is currently active.\n * @param {Array}  [props.setActiveCommentId] - The setter for activeCommentId.\n * @param {Array}  [props.blocks]             - Array of blocks returned from getBlocks() in parent.\n * @param {Object} [props.firstCommentId]     - The ID of the first comment in the array of\n *                                            comment objects.\n * @return {WPElement}                 \t\tList of comments.\n */\nconst CommentsList = ( {\n\tcomments,\n\tblockProps,\n\tactiveCommentId,\n\tsetActiveCommentId,\n\tblocks,\n\tfirstCommentId,\n} ) => (\n\t<ol { ...blockProps }>\n\t\t{ comments &&\n\t\t\tcomments.map( ( { commentId, ...comment }, index ) => (\n\t\t\t\t<BlockContextProvider\n\t\t\t\t\tkey={ comment.commentId || index }\n\t\t\t\t\tvalue={ {\n\t\t\t\t\t\t// If the commentId is negative it means that this comment is a\n\t\t\t\t\t\t// \"placeholder\" and that the block is most likely being used in the\n\t\t\t\t\t\t// site editor. In this case, we have to set the commentId to `null`\n\t\t\t\t\t\t// because otherwise the (non-existent) comment with a negative ID\n\t\t\t\t\t\t// would be reqested from the REST API.\n\t\t\t\t\t\tcommentId: commentId < 0 ? null : commentId,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<CommentTemplateInnerBlocks\n\t\t\t\t\t\tcomment={ { commentId, ...comment } }\n\t\t\t\t\t\tactiveCommentId={ activeCommentId }\n\t\t\t\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tfirstCommentId={ firstCommentId }\n\t\t\t\t\t/>\n\t\t\t\t</BlockContextProvider>\n\t\t\t) ) }\n\t</ol>\n);\n\nexport default function CommentTemplateEdit( {\n\tclientId,\n\tcontext: { postId },\n} ) {\n\tconst blockProps = useBlockProps();\n\n\tconst [ activeCommentId, setActiveCommentId ] = useState();\n\tconst {\n\t\tcommentOrder,\n\t\tthreadCommentsDepth,\n\t\tthreadComments,\n\t\tcommentsPerPage,\n\t\tpageComments,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().__experimentalDiscussionSettings;\n\t} );\n\n\tconst commentQuery = useCommentQueryArgs( {\n\t\tpostId,\n\t} );\n\n\tconst { topLevelComments, blocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecords } = select( coreStore );\n\t\t\tconst { getBlocks } = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\t// Request only top-level comments. Replies are embedded.\n\t\t\t\ttopLevelComments: commentQuery\n\t\t\t\t\t? getEntityRecords( 'root', 'comment', commentQuery )\n\t\t\t\t\t: null,\n\t\t\t\tblocks: getBlocks( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId, commentQuery ]\n\t);\n\n\t// Generate a tree structure of comment IDs.\n\tlet commentTree = useCommentTree(\n\t\t// Reverse the order of top comments if needed.\n\t\tcommentOrder === 'desc' && topLevelComments\n\t\t\t? [ ...topLevelComments ].reverse()\n\t\t\t: topLevelComments\n\t);\n\n\tif ( ! topLevelComments ) {\n\t\treturn (\n\t\t\t<p { ...blockProps }>\n\t\t\t\t<Spinner />\n\t\t\t</p>\n\t\t);\n\t}\n\n\tif ( ! postId ) {\n\t\tcommentTree = getCommentsPlaceholder( {\n\t\t\tperPage: commentsPerPage,\n\t\t\tpageComments,\n\t\t\tthreadComments,\n\t\t\tthreadCommentsDepth,\n\t\t} );\n\t}\n\n\tif ( ! commentTree.length ) {\n\t\treturn <p { ...blockProps }>{ __( 'No results found.' ) }</p>;\n\t}\n\n\treturn (\n\t\t<CommentsList\n\t\t\tcomments={ commentTree }\n\t\t\tblockProps={ blockProps }\n\t\t\tblocks={ blocks }\n\t\t\tactiveCommentId={ activeCommentId }\n\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\tfirstCommentId={ commentTree[ 0 ]?.commentId }\n\t\t/>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_data","_i18n","_blockEditor","_components","_coreData","_hooks","TEMPLATE","getCommentsPlaceholder","perPage","pageComments","threadComments","threadCommentsDepth","commentsDepth","Math","min","buildChildrenComment","commentsLevel","nextLevel","commentId","children","placeholderComments","push","CommentTemplateInnerBlocks","comment","activeCommentId","setActiveCommentId","firstCommentId","blocks","innerBlocksProps","useInnerBlocksProps","template","_react","createElement","MemoizedCommentTemplatePreview","isHidden","length","CommentsList","comments","CommentTemplatePreview","blockPreviewProps","useBlockPreview","handleOnClick","style","display","undefined","tabIndex","role","onClick","onKeyPress","memo","blockProps","map","index","BlockContextProvider","key","value","CommentTemplateEdit","clientId","context","postId","useBlockProps","useState","commentOrder","commentsPerPage","useSelect","select","getSettings","blockEditorStore","__experimentalDiscussionSettings","commentQuery","useCommentQueryArgs","topLevelComments","getEntityRecords","coreStore","getBlocks","commentTree","useCommentTree","reverse","Spinner","__"],"sources":["@wordpress/block-library/src/comment-template/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, memo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBlockContextProvider,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n\t__experimentalUseBlockPreview as useBlockPreview,\n} from '@wordpress/block-editor';\nimport { Spinner } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { useCommentQueryArgs, useCommentTree } from './hooks';\n\nconst TEMPLATE = [\n\t[ 'core/avatar' ],\n\t[ 'core/comment-author-name' ],\n\t[ 'core/comment-date' ],\n\t[ 'core/comment-content' ],\n\t[ 'core/comment-reply-link' ],\n\t[ 'core/comment-edit-link' ],\n];\n\n/**\n * Function that returns a comment structure that will be rendered with default placehoders.\n *\n * Each comment has a `commentId` property that is always a negative number in\n * case of the placeholders. This is to ensure that the comment does not\n * conflict with the actual (real) comments.\n *\n * @param {Object}  settings                       Discussion Settings.\n * @param {number}  [settings.perPage]             - Comments per page setting or block attribute.\n * @param {boolean} [settings.pageComments]        - Enable break comments into pages setting.\n * @param {boolean} [settings.threadComments]      - Enable threaded (nested) comments setting.\n * @param {number}  [settings.threadCommentsDepth] - Level deep of threaded comments.\n *\n * @typedef {{id: null, children: EmptyComment[]}} EmptyComment\n * @return {EmptyComment[]}                 \t\tInner blocks of the Comment Template\n */\nconst getCommentsPlaceholder = ( {\n\tperPage,\n\tpageComments,\n\tthreadComments,\n\tthreadCommentsDepth,\n} ) => {\n\t// Limit commentsDepth to 3\n\tconst commentsDepth = ! threadComments\n\t\t? 1\n\t\t: Math.min( threadCommentsDepth, 3 );\n\n\tconst buildChildrenComment = ( commentsLevel ) => {\n\t\t// Render children comments until commentsDepth is reached\n\t\tif ( commentsLevel < commentsDepth ) {\n\t\t\tconst nextLevel = commentsLevel + 1;\n\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tcommentId: -( commentsLevel + 3 ),\n\t\t\t\t\tchildren: buildChildrenComment( nextLevel ),\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\t\treturn [];\n\t};\n\n\t// Add the first comment and its children\n\tconst placeholderComments = [\n\t\t{ commentId: -1, children: buildChildrenComment( 1 ) },\n\t];\n\n\t// Add a second comment unless the break comments setting is active and set to less than 2, and there is one nested comment max\n\tif ( ( ! pageComments || perPage >= 2 ) && commentsDepth < 3 ) {\n\t\tplaceholderComments.push( {\n\t\t\tcommentId: -2,\n\t\t\tchildren: [],\n\t\t} );\n\t}\n\n\t// Add a third comment unless the break comments setting is active and set to less than 3, and there aren't nested comments\n\tif ( ( ! pageComments || perPage >= 3 ) && commentsDepth < 2 ) {\n\t\tplaceholderComments.push( {\n\t\t\tcommentId: -3,\n\t\t\tchildren: [],\n\t\t} );\n\t}\n\n\t// In case that the value is set but larger than 3 we truncate it to 3.\n\treturn placeholderComments;\n};\n\n/**\n * Component which renders the inner blocks of the Comment Template.\n *\n * @param {Object} props                      Component props.\n * @param {Array}  [props.comment]            - A comment object.\n * @param {Array}  [props.activeCommentId]    - The ID of the comment that is currently active.\n * @param {Array}  [props.setActiveCommentId] - The setter for activeCommentId.\n * @param {Array}  [props.firstCommentId]     - ID of the first comment in the array.\n * @param {Array}  [props.blocks]             - Array of blocks returned from\n *                                            getBlocks() in parent .\n * @return {Element}                 \t\tInner blocks of the Comment Template\n */\nfunction CommentTemplateInnerBlocks( {\n\tcomment,\n\tactiveCommentId,\n\tsetActiveCommentId,\n\tfirstCommentId,\n\tblocks,\n} ) {\n\tconst { children, ...innerBlocksProps } = useInnerBlocksProps(\n\t\t{},\n\t\t{ template: TEMPLATE }\n\t);\n\n\treturn (\n\t\t<li { ...innerBlocksProps }>\n\t\t\t{ comment.commentId === ( activeCommentId || firstCommentId )\n\t\t\t\t? children\n\t\t\t\t: null }\n\n\t\t\t{ /* To avoid flicker when switching active block contexts, a preview\n\t\t\t is ALWAYS rendered and the preview for the active block is hidden.\n\t\t\t This ensures that when switching the active block, the component is not\n\t\t\t mounted again but rather it only toggles the `isHidden` prop.\n\t\t\t The same strategy is used for preventing the flicker in the Post Template\n\t\t\t block. */ }\n\t\t\t<MemoizedCommentTemplatePreview\n\t\t\t\tblocks={ blocks }\n\t\t\t\tcommentId={ comment.commentId }\n\t\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\t\tisHidden={\n\t\t\t\t\tcomment.commentId === ( activeCommentId || firstCommentId )\n\t\t\t\t}\n\t\t\t/>\n\n\t\t\t{ comment?.children?.length > 0 ? (\n\t\t\t\t<CommentsList\n\t\t\t\t\tcomments={ comment.children }\n\t\t\t\t\tactiveCommentId={ activeCommentId }\n\t\t\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tfirstCommentId={ firstCommentId }\n\t\t\t\t/>\n\t\t\t) : null }\n\t\t</li>\n\t);\n}\n\nconst CommentTemplatePreview = ( {\n\tblocks,\n\tcommentId,\n\tsetActiveCommentId,\n\tisHidden,\n} ) => {\n\tconst blockPreviewProps = useBlockPreview( {\n\t\tblocks,\n\t} );\n\n\tconst handleOnClick = () => {\n\t\tsetActiveCommentId( commentId );\n\t};\n\n\t// We have to hide the preview block if the `comment` props points to\n\t// the curently active block!\n\n\t// Or, to put it differently, every preview block is visible unless it is the\n\t// currently active block - in this case we render its inner blocks.\n\tconst style = {\n\t\tdisplay: isHidden ? 'none' : undefined,\n\t};\n\n\treturn (\n\t\t<div\n\t\t\t{ ...blockPreviewProps }\n\t\t\ttabIndex={ 0 }\n\t\t\trole=\"button\"\n\t\t\tstyle={ style }\n\t\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n\t\t\tonClick={ handleOnClick }\n\t\t\tonKeyPress={ handleOnClick }\n\t\t/>\n\t);\n};\n\nconst MemoizedCommentTemplatePreview = memo( CommentTemplatePreview );\n\n/**\n * Component that renders a list of (nested) comments. It is called recursively.\n *\n * @param {Object} props                      Component props.\n * @param {Array}  [props.comments]           - Array of comment objects.\n * @param {Array}  [props.blockProps]         - Props from parent's `useBlockProps()`.\n * @param {Array}  [props.activeCommentId]    - The ID of the comment that is currently active.\n * @param {Array}  [props.setActiveCommentId] - The setter for activeCommentId.\n * @param {Array}  [props.blocks]             - Array of blocks returned from getBlocks() in parent.\n * @param {Object} [props.firstCommentId]     - The ID of the first comment in the array of\n *                                            comment objects.\n * @return {Element}                 \t\tList of comments.\n */\nconst CommentsList = ( {\n\tcomments,\n\tblockProps,\n\tactiveCommentId,\n\tsetActiveCommentId,\n\tblocks,\n\tfirstCommentId,\n} ) => (\n\t<ol { ...blockProps }>\n\t\t{ comments &&\n\t\t\tcomments.map( ( { commentId, ...comment }, index ) => (\n\t\t\t\t<BlockContextProvider\n\t\t\t\t\tkey={ comment.commentId || index }\n\t\t\t\t\tvalue={ {\n\t\t\t\t\t\t// If the commentId is negative it means that this comment is a\n\t\t\t\t\t\t// \"placeholder\" and that the block is most likely being used in the\n\t\t\t\t\t\t// site editor. In this case, we have to set the commentId to `null`\n\t\t\t\t\t\t// because otherwise the (non-existent) comment with a negative ID\n\t\t\t\t\t\t// would be reqested from the REST API.\n\t\t\t\t\t\tcommentId: commentId < 0 ? null : commentId,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<CommentTemplateInnerBlocks\n\t\t\t\t\t\tcomment={ { commentId, ...comment } }\n\t\t\t\t\t\tactiveCommentId={ activeCommentId }\n\t\t\t\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tfirstCommentId={ firstCommentId }\n\t\t\t\t\t/>\n\t\t\t\t</BlockContextProvider>\n\t\t\t) ) }\n\t</ol>\n);\n\nexport default function CommentTemplateEdit( {\n\tclientId,\n\tcontext: { postId },\n} ) {\n\tconst blockProps = useBlockProps();\n\n\tconst [ activeCommentId, setActiveCommentId ] = useState();\n\tconst {\n\t\tcommentOrder,\n\t\tthreadCommentsDepth,\n\t\tthreadComments,\n\t\tcommentsPerPage,\n\t\tpageComments,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().__experimentalDiscussionSettings;\n\t} );\n\n\tconst commentQuery = useCommentQueryArgs( {\n\t\tpostId,\n\t} );\n\n\tconst { topLevelComments, blocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecords } = select( coreStore );\n\t\t\tconst { getBlocks } = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\t// Request only top-level comments. Replies are embedded.\n\t\t\t\ttopLevelComments: commentQuery\n\t\t\t\t\t? getEntityRecords( 'root', 'comment', commentQuery )\n\t\t\t\t\t: null,\n\t\t\t\tblocks: getBlocks( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId, commentQuery ]\n\t);\n\n\t// Generate a tree structure of comment IDs.\n\tlet commentTree = useCommentTree(\n\t\t// Reverse the order of top comments if needed.\n\t\tcommentOrder === 'desc' && topLevelComments\n\t\t\t? [ ...topLevelComments ].reverse()\n\t\t\t: topLevelComments\n\t);\n\n\tif ( ! topLevelComments ) {\n\t\treturn (\n\t\t\t<p { ...blockProps }>\n\t\t\t\t<Spinner />\n\t\t\t</p>\n\t\t);\n\t}\n\n\tif ( ! postId ) {\n\t\tcommentTree = getCommentsPlaceholder( {\n\t\t\tperPage: commentsPerPage,\n\t\t\tpageComments,\n\t\t\tthreadComments,\n\t\t\tthreadCommentsDepth,\n\t\t} );\n\t}\n\n\tif ( ! commentTree.length ) {\n\t\treturn <p { ...blockProps }>{ __( 'No results found.' ) }</p>;\n\t}\n\n\treturn (\n\t\t<CommentsList\n\t\t\tcomments={ commentTree }\n\t\t\tblockProps={ blockProps }\n\t\t\tblocks={ blocks }\n\t\t\tactiveCommentId={ activeCommentId }\n\t\t\tsetActiveCommentId={ setActiveCommentId }\n\t\t\tfirstCommentId={ commentTree[ 0 ]?.commentId }\n\t\t/>\n\t);\n}\n"],"mappings":"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"}

package/build/comment-template/save.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CommentTemplateSave;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 /**
  * WordPress dependencies
  */
 
 function CommentTemplateSave() {
-  return (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null);
+  return (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null);
 }
 //# sourceMappingURL=save.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","CommentTemplateSave","_element","createElement","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;AAHA;AACA;AACA;;AAGe,SAASC,mBAAmBA,CAAA,EAAG;EAC7C,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACJ,YAAA,CAAAK,WAAW,CAACC,OAAO,MAAE,CAAC;AAC/B"}
+{"version":3,"names":["_blockEditor","require","CommentTemplateSave","_react","createElement","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;AAHA;AACA;AACA;;AAGe,SAASC,mBAAmBA,CAAA,EAAG;EAC7C,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACJ,YAAA,CAAAK,WAAW,CAACC,OAAO,MAAE,CAAC;AAC/B"}

package/build/comments/deprecated.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 /**
  * WordPress dependencies
@@ -52,9 +52,9 @@ const v1 = {
       ...blockProps,
       className: newClasses.join(' ')
     };
-    return (0, _element.createElement)(Tag, {
+    return (0, _react.createElement)(Tag, {
       ...newBlockProps
-    }, (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null));
+    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null));
   }
 };
 var _default = [v1];

package/build/comments/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","v1","attributes","tagName","type","default","apiVersion","supports","align","html","color","gradients","link","__experimentalDefaultControls","background","text","save","Tag","blockProps","useBlockProps","className","classes","split","newClasses","filter","cls","newBlockProps","join","_element","createElement","InnerBlocks","Content","_default","exports"],"sources":["@wordpress/block-library/src/comments/deprecated.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks, useBlockProps } from '@wordpress/block-editor';\n\n// v1: Deprecate the initial version of the block which was called \"Comments\n// Query Loop\" instead of \"Comments\".\nconst v1 = {\n\tattributes: {\n\t\ttagName: {\n\t\t\ttype: 'string',\n\t\t\tdefault: 'div',\n\t\t},\n\t},\n\tapiVersion: 3,\n\tsupports: {\n\t\talign: [ 'wide', 'full' ],\n\t\thtml: false,\n\t\tcolor: {\n\t\t\tgradients: true,\n\t\t\tlink: true,\n\t\t\t__experimentalDefaultControls: {\n\t\t\t\tbackground: true,\n\t\t\t\ttext: true,\n\t\t\t\tlink: true,\n\t\t\t},\n\t\t},\n\t},\n\tsave( { attributes: { tagName: Tag } } ) {\n\t\tconst blockProps = useBlockProps.save();\n\t\tconst { className } = blockProps;\n\t\tconst classes = className?.split( ' ' ) || [];\n\n\t\t// The ID of the previous version of the block\n\t\t// didn't have the `wp-block-comments` class,\n\t\t// so we need to remove it here in order to mimic it.\n\t\tconst newClasses = classes?.filter(\n\t\t\t( cls ) => cls !== 'wp-block-comments'\n\t\t);\n\t\tconst newBlockProps = {\n\t\t\t...blockProps,\n\t\t\tclassName: newClasses.join( ' ' ),\n\t\t};\n\n\t\treturn (\n\t\t\t<Tag { ...newBlockProps }>\n\t\t\t\t<InnerBlocks.Content />\n\t\t\t</Tag>\n\t\t);\n\t},\n};\n\nexport default [ v1 ];\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA,MAAMC,EAAE,GAAG;EACVC,UAAU,EAAE;IACXC,OAAO,EAAE;MACRC,IAAI,EAAE,QAAQ;MACdC,OAAO,EAAE;IACV;EACD,CAAC;EACDC,UAAU,EAAE,CAAC;EACbC,QAAQ,EAAE;IACTC,KAAK,EAAE,CAAE,MAAM,EAAE,MAAM,CAAE;IACzBC,IAAI,EAAE,KAAK;IACXC,KAAK,EAAE;MACNC,SAAS,EAAE,IAAI;MACfC,IAAI,EAAE,IAAI;MACVC,6BAA6B,EAAE;QAC9BC,UAAU,EAAE,IAAI;QAChBC,IAAI,EAAE,IAAI;QACVH,IAAI,EAAE;MACP;IACD;EACD,CAAC;EACDI,IAAIA,CAAE;IAAEd,UAAU,EAAE;MAAEC,OAAO,EAAEc;IAAI;EAAE,CAAC,EAAG;IACxC,MAAMC,UAAU,GAAGC,0BAAa,CAACH,IAAI,CAAC,CAAC;IACvC,MAAM;MAAEI;IAAU,CAAC,GAAGF,UAAU;IAChC,MAAMG,OAAO,GAAGD,SAAS,EAAEE,KAAK,CAAE,GAAI,CAAC,IAAI,EAAE;;IAE7C;IACA;IACA;IACA,MAAMC,UAAU,GAAGF,OAAO,EAAEG,MAAM,CAC/BC,GAAG,IAAMA,GAAG,KAAK,mBACpB,CAAC;IACD,MAAMC,aAAa,GAAG;MACrB,GAAGR,UAAU;MACbE,SAAS,EAAEG,UAAU,CAACI,IAAI,CAAE,GAAI;IACjC,CAAC;IAED,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACZ,GAAG;MAAA,GAAMS;IAAa,GACtB,IAAAE,QAAA,CAAAC,aAAA,EAAC9B,YAAA,CAAA+B,WAAW,CAACC,OAAO,MAAE,CAClB,CAAC;EAER;AACD,CAAC;AAAC,IAAAC,QAAA,GAEa,CAAE/B,EAAE,CAAE;AAAAgC,OAAA,CAAA5B,OAAA,GAAA2B,QAAA"}
+{"version":3,"names":["_blockEditor","require","v1","attributes","tagName","type","default","apiVersion","supports","align","html","color","gradients","link","__experimentalDefaultControls","background","text","save","Tag","blockProps","useBlockProps","className","classes","split","newClasses","filter","cls","newBlockProps","join","_react","createElement","InnerBlocks","Content","_default","exports"],"sources":["@wordpress/block-library/src/comments/deprecated.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks, useBlockProps } from '@wordpress/block-editor';\n\n// v1: Deprecate the initial version of the block which was called \"Comments\n// Query Loop\" instead of \"Comments\".\nconst v1 = {\n\tattributes: {\n\t\ttagName: {\n\t\t\ttype: 'string',\n\t\t\tdefault: 'div',\n\t\t},\n\t},\n\tapiVersion: 3,\n\tsupports: {\n\t\talign: [ 'wide', 'full' ],\n\t\thtml: false,\n\t\tcolor: {\n\t\t\tgradients: true,\n\t\t\tlink: true,\n\t\t\t__experimentalDefaultControls: {\n\t\t\t\tbackground: true,\n\t\t\t\ttext: true,\n\t\t\t\tlink: true,\n\t\t\t},\n\t\t},\n\t},\n\tsave( { attributes: { tagName: Tag } } ) {\n\t\tconst blockProps = useBlockProps.save();\n\t\tconst { className } = blockProps;\n\t\tconst classes = className?.split( ' ' ) || [];\n\n\t\t// The ID of the previous version of the block\n\t\t// didn't have the `wp-block-comments` class,\n\t\t// so we need to remove it here in order to mimic it.\n\t\tconst newClasses = classes?.filter(\n\t\t\t( cls ) => cls !== 'wp-block-comments'\n\t\t);\n\t\tconst newBlockProps = {\n\t\t\t...blockProps,\n\t\t\tclassName: newClasses.join( ' ' ),\n\t\t};\n\n\t\treturn (\n\t\t\t<Tag { ...newBlockProps }>\n\t\t\t\t<InnerBlocks.Content />\n\t\t\t</Tag>\n\t\t);\n\t},\n};\n\nexport default [ v1 ];\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA,MAAMC,EAAE,GAAG;EACVC,UAAU,EAAE;IACXC,OAAO,EAAE;MACRC,IAAI,EAAE,QAAQ;MACdC,OAAO,EAAE;IACV;EACD,CAAC;EACDC,UAAU,EAAE,CAAC;EACbC,QAAQ,EAAE;IACTC,KAAK,EAAE,CAAE,MAAM,EAAE,MAAM,CAAE;IACzBC,IAAI,EAAE,KAAK;IACXC,KAAK,EAAE;MACNC,SAAS,EAAE,IAAI;MACfC,IAAI,EAAE,IAAI;MACVC,6BAA6B,EAAE;QAC9BC,UAAU,EAAE,IAAI;QAChBC,IAAI,EAAE,IAAI;QACVH,IAAI,EAAE;MACP;IACD;EACD,CAAC;EACDI,IAAIA,CAAE;IAAEd,UAAU,EAAE;MAAEC,OAAO,EAAEc;IAAI;EAAE,CAAC,EAAG;IACxC,MAAMC,UAAU,GAAGC,0BAAa,CAACH,IAAI,CAAC,CAAC;IACvC,MAAM;MAAEI;IAAU,CAAC,GAAGF,UAAU;IAChC,MAAMG,OAAO,GAAGD,SAAS,EAAEE,KAAK,CAAE,GAAI,CAAC,IAAI,EAAE;;IAE7C;IACA;IACA;IACA,MAAMC,UAAU,GAAGF,OAAO,EAAEG,MAAM,CAC/BC,GAAG,IAAMA,GAAG,KAAK,mBACpB,CAAC;IACD,MAAMC,aAAa,GAAG;MACrB,GAAGR,UAAU;MACbE,SAAS,EAAEG,UAAU,CAACI,IAAI,CAAE,GAAI;IACjC,CAAC;IAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACZ,GAAG;MAAA,GAAMS;IAAa,GACtB,IAAAE,MAAA,CAAAC,aAAA,EAAC9B,YAAA,CAAA+B,WAAW,CAACC,OAAO,MAAE,CAClB,CAAC;EAER;AACD,CAAC;AAAC,IAAAC,QAAA,GAEa,CAAE/B,EAAE,CAAE;AAAAgC,OAAA,CAAA5B,OAAA,GAAA2B,QAAA"}

package/build/comments/edit/comments-inspector-controls.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CommentsInspectorControls;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
@@ -22,9 +22,9 @@ function CommentsInspectorControls({
     section: (0, _i18n.__)("The <section> element should represent a standalone portion of the document that can't be better represented by another element."),
     aside: (0, _i18n.__)("The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.")
   };
-  return (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_blockEditor.InspectorControls, {
+  return (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_blockEditor.InspectorControls, {
     group: "advanced"
-  }, (0, _element.createElement)(_components.SelectControl, {
+  }, (0, _react.createElement)(_components.SelectControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('HTML element'),
     options: [{

package/build/comments/edit/comments-inspector-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_blockEditor","CommentsInspectorControls","attributes","tagName","setAttributes","htmlElementMessages","section","__","aside","_element","createElement","InspectorControls","group","SelectControl","__nextHasNoMarginBottom","label","options","value","onChange","help"],"sources":["@wordpress/block-library/src/comments/edit/comments-inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { InspectorControls } from '@wordpress/block-editor';\n\nexport default function CommentsInspectorControls( {\n\tattributes: { tagName },\n\tsetAttributes,\n} ) {\n\tconst htmlElementMessages = {\n\t\tsection: __(\n\t\t\t\"The <section> element should represent a standalone portion of the document that can't be better represented by another element.\"\n\t\t),\n\t\taside: __(\n\t\t\t\"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.\"\n\t\t),\n\t};\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t] }\n\t\t\t\t\tvalue={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\thelp={ htmlElementMessages[ tagName ] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</InspectorControls>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKe,SAASG,yBAAyBA,CAAE;EAClDC,UAAU,EAAE;IAAEC;EAAQ,CAAC;EACvBC;AACD,CAAC,EAAG;EACH,MAAMC,mBAAmB,GAAG;IAC3BC,OAAO,EAAE,IAAAC,QAAE,EACV,kIACD,CAAC;IACDC,KAAK,EAAE,IAAAD,QAAE,EACR,uIACD;EACD,CAAC;EACD,OACC,IAAAE,QAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,iBAAiB,QACjB,IAAAF,QAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,iBAAiB;IAACC,KAAK,EAAC;EAAU,GAClC,IAAAH,QAAA,CAAAC,aAAA,EAACb,WAAA,CAAAgB,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAR,QAAE,EAAE,cAAe,CAAG;IAC9BS,OAAO,EAAG,CACT;MAAED,KAAK,EAAE,IAAAR,QAAE,EAAE,iBAAkB,CAAC;MAAEU,KAAK,EAAE;IAAM,CAAC,EAChD;MAAEF,KAAK,EAAE,WAAW;MAAEE,KAAK,EAAE;IAAU,CAAC,EACxC;MAAEF,KAAK,EAAE,SAAS;MAAEE,KAAK,EAAE;IAAQ,CAAC,CAClC;IACHA,KAAK,EAAGd,OAAS;IACjBe,QAAQ,EAAKD,KAAK,IACjBb,aAAa,CAAE;MAAED,OAAO,EAAEc;IAAM,CAAE,CAClC;IACDE,IAAI,EAAGd,mBAAmB,CAAEF,OAAO;EAAI,CACvC,CACiB,CACD,CAAC;AAEtB"}
+{"version":3,"names":["_components","require","_i18n","_blockEditor","CommentsInspectorControls","attributes","tagName","setAttributes","htmlElementMessages","section","__","aside","_react","createElement","InspectorControls","group","SelectControl","__nextHasNoMarginBottom","label","options","value","onChange","help"],"sources":["@wordpress/block-library/src/comments/edit/comments-inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { InspectorControls } from '@wordpress/block-editor';\n\nexport default function CommentsInspectorControls( {\n\tattributes: { tagName },\n\tsetAttributes,\n} ) {\n\tconst htmlElementMessages = {\n\t\tsection: __(\n\t\t\t\"The <section> element should represent a standalone portion of the document that can't be better represented by another element.\"\n\t\t),\n\t\taside: __(\n\t\t\t\"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.\"\n\t\t),\n\t};\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t] }\n\t\t\t\t\tvalue={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\thelp={ htmlElementMessages[ tagName ] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</InspectorControls>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKe,SAASG,yBAAyBA,CAAE;EAClDC,UAAU,EAAE;IAAEC;EAAQ,CAAC;EACvBC;AACD,CAAC,EAAG;EACH,MAAMC,mBAAmB,GAAG;IAC3BC,OAAO,EAAE,IAAAC,QAAE,EACV,kIACD,CAAC;IACDC,KAAK,EAAE,IAAAD,QAAE,EACR,uIACD;EACD,CAAC;EACD,OACC,IAAAE,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,iBAAiB,QACjB,IAAAF,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAW,iBAAiB;IAACC,KAAK,EAAC;EAAU,GAClC,IAAAH,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAAgB,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAR,QAAE,EAAE,cAAe,CAAG;IAC9BS,OAAO,EAAG,CACT;MAAED,KAAK,EAAE,IAAAR,QAAE,EAAE,iBAAkB,CAAC;MAAEU,KAAK,EAAE;IAAM,CAAC,EAChD;MAAEF,KAAK,EAAE,WAAW;MAAEE,KAAK,EAAE;IAAU,CAAC,EACxC;MAAEF,KAAK,EAAE,SAAS;MAAEE,KAAK,EAAE;IAAQ,CAAC,CAClC;IACHA,KAAK,EAAGd,OAAS;IACjBe,QAAQ,EAAKD,KAAK,IACjBb,aAAa,CAAE;MAAED,OAAO,EAAEc;IAAM,CAAE,CAClC;IACDE,IAAI,EAAGd,mBAAmB,CAAEF,OAAO;EAAI,CACvC,CACiB,CACD,CAAC;AAEtB"}

package/build/comments/edit/comments-legacy.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CommentsLegacy;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 var _i18n = require("@wordpress/i18n");
@@ -34,7 +34,7 @@ function CommentsLegacy({
   const {
     textAlign
   } = attributes;
-  const actions = [(0, _element.createElement)(_components.Button, {
+  const actions = [(0, _react.createElement)(_components.Button, {
     key: "convert",
     onClick: () => void setAttributes({
       legacy: false
@@ -46,20 +46,20 @@ function CommentsLegacy({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.BlockControls, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, {
     group: "block"
-  }, (0, _element.createElement)(_blockEditor.AlignmentControl, {
+  }, (0, _react.createElement)(_blockEditor.AlignmentControl, {
     value: textAlign,
     onChange: nextAlign => {
       setAttributes({
         textAlign: nextAlign
       });
     }
-  })), (0, _element.createElement)("div", {
+  })), (0, _react.createElement)("div", {
     ...blockProps
-  }, (0, _element.createElement)(_blockEditor.Warning, {
+  }, (0, _react.createElement)(_blockEditor.Warning, {
     actions: actions
-  }, (0, _i18n.__)('Comments block: You’re currently using the legacy version of the block. ' + 'The following is just a placeholder - the final styling will likely look different. ' + 'For a better representation and more customization options, ' + 'switch the block to its editable mode.')), (0, _element.createElement)(_placeholder.default, {
+  }, (0, _i18n.__)('Comments block: You’re currently using the legacy version of the block. ' + 'The following is just a placeholder - the final styling will likely look different. ' + 'For a better representation and more customization options, ' + 'switch the block to its editable mode.')), (0, _react.createElement)(_placeholder.default, {
     postId: postId,
     postType: postType
   })));

package/build/comments/edit/comments-legacy.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_i18n","_components","_placeholder","CommentsLegacy","attributes","setAttributes","context","postType","postId","textAlign","actions","_element","createElement","Button","key","onClick","legacy","variant","__","blockProps","useBlockProps","className","classnames","Fragment","BlockControls","group","AlignmentControl","value","onChange","nextAlign","Warning","default"],"sources":["@wordpress/block-library/src/comments/edit/comments-legacy.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tWarning,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport Placeholder from './placeholder';\n\nexport default function CommentsLegacy( {\n\tattributes,\n\tsetAttributes,\n\tcontext: { postType, postId },\n} ) {\n\tconst { textAlign } = attributes;\n\n\tconst actions = [\n\t\t<Button\n\t\t\tkey=\"convert\"\n\t\t\tonClick={ () => void setAttributes( { legacy: false } ) }\n\t\t\tvariant=\"primary\"\n\t\t>\n\t\t\t{ __( 'Switch to editable mode' ) }\n\t\t</Button>,\n\t];\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\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning actions={ actions }>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Comments block: You’re currently using the legacy version of the block. ' +\n\t\t\t\t\t\t\t'The following is just a placeholder - the final styling will likely look different. ' +\n\t\t\t\t\t\t\t'For a better representation and more customization options, ' +\n\t\t\t\t\t\t\t'switch the block to its editable mode.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t\t<Placeholder postId={ postId } postType={ postType } />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AApBA;AACA;AACA;;AAGA;AACA;AACA;;AAUA;AACA;AACA;;AAGe,SAASK,cAAcA,CAAE;EACvCC,UAAU;EACVC,aAAa;EACbC,OAAO,EAAE;IAAEC,QAAQ;IAAEC;EAAO;AAC7B,CAAC,EAAG;EACH,MAAM;IAAEC;EAAU,CAAC,GAAGL,UAAU;EAEhC,MAAMM,OAAO,GAAG,CACf,IAAAC,QAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,MAAM;IACNC,GAAG,EAAC,SAAS;IACbC,OAAO,EAAGA,CAAA,KAAM,KAAKV,aAAa,CAAE;MAAEW,MAAM,EAAE;IAAM,CAAE,CAAG;IACzDC,OAAO,EAAC;EAAS,GAEf,IAAAC,QAAE,EAAE,yBAA0B,CACzB,CAAC,CACT;EAED,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,mBAAU,EAAE;MACtB,CAAG,kBAAkBb,SAAW,EAAC,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,OACC,IAAAE,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAY,QAAA,QACC,IAAAZ,QAAA,CAAAC,aAAA,EAACb,YAAA,CAAAyB,aAAa;IAACC,KAAK,EAAC;EAAO,GAC3B,IAAAd,QAAA,CAAAC,aAAA,EAACb,YAAA,CAAA2B,gBAAgB;IAChBC,KAAK,EAAGlB,SAAW;IACnBmB,QAAQ,EAAKC,SAAS,IAAM;MAC3BxB,aAAa,CAAE;QAAEI,SAAS,EAAEoB;MAAU,CAAE,CAAC;IAC1C;EAAG,CACH,CACa,CAAC,EAEhB,IAAAlB,QAAA,CAAAC,aAAA;IAAA,GAAUO;EAAU,GACnB,IAAAR,QAAA,CAAAC,aAAA,EAACb,YAAA,CAAA+B,OAAO;IAACpB,OAAO,EAAGA;EAAS,GACzB,IAAAQ,QAAE,EACH,0EAA0E,GACzE,sFAAsF,GACtF,8DAA8D,GAC9D,wCACF,CACQ,CAAC,EACV,IAAAP,QAAA,CAAAC,aAAA,EAACV,YAAA,CAAA6B,OAAW;IAACvB,MAAM,EAAGA,MAAQ;IAACD,QAAQ,EAAGA;EAAU,CAAE,CAClD,CACJ,CAAC;AAEL"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_i18n","_components","_placeholder","CommentsLegacy","attributes","setAttributes","context","postType","postId","textAlign","actions","_react","createElement","Button","key","onClick","legacy","variant","__","blockProps","useBlockProps","className","classnames","Fragment","BlockControls","group","AlignmentControl","value","onChange","nextAlign","Warning","default"],"sources":["@wordpress/block-library/src/comments/edit/comments-legacy.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tWarning,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport Placeholder from './placeholder';\n\nexport default function CommentsLegacy( {\n\tattributes,\n\tsetAttributes,\n\tcontext: { postType, postId },\n} ) {\n\tconst { textAlign } = attributes;\n\n\tconst actions = [\n\t\t<Button\n\t\t\tkey=\"convert\"\n\t\t\tonClick={ () => void setAttributes( { legacy: false } ) }\n\t\t\tvariant=\"primary\"\n\t\t>\n\t\t\t{ __( 'Switch to editable mode' ) }\n\t\t</Button>,\n\t];\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\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning actions={ actions }>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Comments block: You’re currently using the legacy version of the block. ' +\n\t\t\t\t\t\t\t'The following is just a placeholder - the final styling will likely look different. ' +\n\t\t\t\t\t\t\t'For a better representation and more customization options, ' +\n\t\t\t\t\t\t\t'switch the block to its editable mode.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t\t<Placeholder postId={ postId } postType={ postType } />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AApBA;AACA;AACA;;AAGA;AACA;AACA;;AAUA;AACA;AACA;;AAGe,SAASK,cAAcA,CAAE;EACvCC,UAAU;EACVC,aAAa;EACbC,OAAO,EAAE;IAAEC,QAAQ;IAAEC;EAAO;AAC7B,CAAC,EAAG;EACH,MAAM;IAAEC;EAAU,CAAC,GAAGL,UAAU;EAEhC,MAAMM,OAAO,GAAG,CACf,IAAAC,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,MAAM;IACNC,GAAG,EAAC,SAAS;IACbC,OAAO,EAAGA,CAAA,KAAM,KAAKV,aAAa,CAAE;MAAEW,MAAM,EAAE;IAAM,CAAE,CAAG;IACzDC,OAAO,EAAC;EAAS,GAEf,IAAAC,QAAE,EAAE,yBAA0B,CACzB,CAAC,CACT;EAED,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,mBAAU,EAAE;MACtB,CAAG,kBAAkBb,SAAW,EAAC,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,OACC,IAAAE,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAY,QAAA,QACC,IAAAZ,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAyB,aAAa;IAACC,KAAK,EAAC;EAAO,GAC3B,IAAAd,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAA2B,gBAAgB;IAChBC,KAAK,EAAGlB,SAAW;IACnBmB,QAAQ,EAAKC,SAAS,IAAM;MAC3BxB,aAAa,CAAE;QAAEI,SAAS,EAAEoB;MAAU,CAAE,CAAC;IAC1C;EAAG,CACH,CACa,CAAC,EAEhB,IAAAlB,MAAA,CAAAC,aAAA;IAAA,GAAUO;EAAU,GACnB,IAAAR,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAA+B,OAAO;IAACpB,OAAO,EAAGA;EAAS,GACzB,IAAAQ,QAAE,EACH,0EAA0E,GACzE,sFAAsF,GACtF,8DAA8D,GAC9D,wCACF,CACQ,CAAC,EACV,IAAAP,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAA6B,OAAW;IAACvB,MAAM,EAAGA,MAAQ;IAACD,QAAQ,EAAGA;EAAU,CAAE,CAClD,CACJ,CAAC;AAEL"}

package/build/comments/edit/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CommentsEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _commentsInspectorControls = _interopRequireDefault(require("./comments-inspector-controls"));
 var _commentsLegacy = _interopRequireDefault(require("./comments-legacy"));
@@ -32,14 +32,14 @@ function CommentsEdit(props) {
     template: _template.default
   });
   if (legacy) {
-    return (0, _element.createElement)(_commentsLegacy.default, {
+    return (0, _react.createElement)(_commentsLegacy.default, {
       ...props
     });
   }
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_commentsInspectorControls.default, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_commentsInspectorControls.default, {
     attributes: attributes,
     setAttributes: setAttributes
-  }), (0, _element.createElement)(TagName, {
+  }), (0, _react.createElement)(TagName, {
     ...innerBlocksProps
   }));
 }

package/build/comments/edit/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_commentsInspectorControls","_interopRequireDefault","_commentsLegacy","_template","CommentsEdit","props","attributes","setAttributes","tagName","TagName","legacy","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","template","TEMPLATE","_element","createElement","default","Fragment"],"sources":["@wordpress/block-library/src/comments/edit/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport CommentsInspectorControls from './comments-inspector-controls';\nimport CommentsLegacy from './comments-legacy';\nimport TEMPLATE from './template';\n\nexport default function CommentsEdit( props ) {\n\tconst { attributes, setAttributes } = props;\n\tconst { tagName: TagName, legacy } = attributes;\n\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t} );\n\n\tif ( legacy ) {\n\t\treturn <CommentsLegacy { ...props } />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommentsInspectorControls\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t/>\n\t\t\t<TagName { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,0BAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKe,SAASK,YAAYA,CAAEC,KAAK,EAAG;EAC7C,MAAM;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAGF,KAAK;EAC3C,MAAM;IAAEG,OAAO,EAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGJ,UAAU;EAE/C,MAAMK,UAAU,GAAG,IAAAC,0BAAa,EAAC,CAAC;EAClC,MAAMC,gBAAgB,GAAG,IAAAC,gCAAmB,EAAEH,UAAU,EAAE;IACzDI,QAAQ,EAAEC;EACX,CAAE,CAAC;EAEH,IAAKN,MAAM,EAAG;IACb,OAAO,IAAAO,QAAA,CAAAC,aAAA,EAAChB,eAAA,CAAAiB,OAAc;MAAA,GAAMd;IAAK,CAAI,CAAC;EACvC;EAEA,OACC,IAAAY,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAG,QAAA,QACC,IAAAH,QAAA,CAAAC,aAAA,EAAClB,0BAAA,CAAAmB,OAAyB;IACzBb,UAAU,EAAGA,UAAY;IACzBC,aAAa,EAAGA;EAAe,CAC/B,CAAC,EACF,IAAAU,QAAA,CAAAC,aAAA,EAACT,OAAO;IAAA,GAAMI;EAAgB,CAAI,CACjC,CAAC;AAEL"}
+{"version":3,"names":["_blockEditor","require","_commentsInspectorControls","_interopRequireDefault","_commentsLegacy","_template","CommentsEdit","props","attributes","setAttributes","tagName","TagName","legacy","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","template","TEMPLATE","_react","createElement","default","Fragment"],"sources":["@wordpress/block-library/src/comments/edit/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport CommentsInspectorControls from './comments-inspector-controls';\nimport CommentsLegacy from './comments-legacy';\nimport TEMPLATE from './template';\n\nexport default function CommentsEdit( props ) {\n\tconst { attributes, setAttributes } = props;\n\tconst { tagName: TagName, legacy } = attributes;\n\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t} );\n\n\tif ( legacy ) {\n\t\treturn <CommentsLegacy { ...props } />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommentsInspectorControls\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t/>\n\t\t\t<TagName { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,0BAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKe,SAASK,YAAYA,CAAEC,KAAK,EAAG;EAC7C,MAAM;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAGF,KAAK;EAC3C,MAAM;IAAEG,OAAO,EAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGJ,UAAU;EAE/C,MAAMK,UAAU,GAAG,IAAAC,0BAAa,EAAC,CAAC;EAClC,MAAMC,gBAAgB,GAAG,IAAAC,gCAAmB,EAAEH,UAAU,EAAE;IACzDI,QAAQ,EAAEC;EACX,CAAE,CAAC;EAEH,IAAKN,MAAM,EAAG;IACb,OAAO,IAAAO,MAAA,CAAAC,aAAA,EAAChB,eAAA,CAAAiB,OAAc;MAAA,GAAMd;IAAK,CAAI,CAAC;EACvC;EAEA,OACC,IAAAY,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAG,QAAA,QACC,IAAAH,MAAA,CAAAC,aAAA,EAAClB,0BAAA,CAAAmB,OAAyB;IACzBb,UAAU,EAAGA,UAAY;IACzBC,aAAa,EAAGA;EAAe,CAC/B,CAAC,EACF,IAAAU,MAAA,CAAAC,aAAA,EAACT,OAAO;IAAA,GAAMI;EAAgB,CAAI,CACjC,CAAC;AAEL"}