@wordpress/block-library 6.0.1-next.253d9b6e21.0 → 6.0.3

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

@@ -0,0 +1,61 @@
+import { createElement, Fragment } from "@wordpress/element";
+
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+/**
+ * WordPress dependencies
+ */
+
+import { _x } from '@wordpress/i18n';
+import { RawHTML } from '@wordpress/element';
+import { Disabled } from '@wordpress/components';
+import { useEntityProp } from '@wordpress/core-data';
+import { AlignmentControl, BlockControls, useBlockProps } from '@wordpress/block-editor';
+/**
+ * Renders the `core/comment-content` 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.textAlign The `textAlign` attribute.
+ * @param {Object} props.context              Inherited context.
+ * @param {string} props.context.commentId    The comment ID.
+ *
+ * @return {JSX.Element} React element.
+ */
+
+export default function Edit({
+  setAttributes,
+  attributes: {
+    textAlign
+  },
+  context: {
+    commentId
+  }
+}) {
+  const blockProps = useBlockProps({
+    className: classnames({
+      [`has-text-align-${textAlign}`]: textAlign
+    })
+  });
+  const [content] = useEntityProp('root', 'comment', 'content', commentId);
+  const blockControls = createElement(BlockControls, {
+    group: "block"
+  }, createElement(AlignmentControl, {
+    value: textAlign,
+    onChange: newAlign => setAttributes({
+      textAlign: newAlign
+    })
+  }));
+
+  if (!commentId || !content) {
+    return createElement(Fragment, null, blockControls, createElement("div", blockProps, createElement("p", null, _x('Comment Content', 'block title'))));
+  }
+
+  return createElement(Fragment, null, blockControls, createElement("div", blockProps, createElement(Disabled, null, createElement(RawHTML, {
+    key: "html"
+  }, content.rendered))));
+}
+//# sourceMappingURL=edit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-content/edit.js"],"names":["classnames","_x","RawHTML","Disabled","useEntityProp","AlignmentControl","BlockControls","useBlockProps","Edit","setAttributes","attributes","textAlign","context","commentId","blockProps","className","content","blockControls","newAlign","rendered"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,SAASC,QAAT,QAAyB,uBAAzB;AACA,SAASC,aAAT,QAA8B,sBAA9B;AACA,SACCC,gBADD,EAECC,aAFD,EAGCC,aAHD,QAIO,yBAJP;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,IAAT,CAAe;AAC7BC,EAAAA,aAD6B;AAE7BC,EAAAA,UAAU,EAAE;AAAEC,IAAAA;AAAF,GAFiB;AAG7BC,EAAAA,OAAO,EAAE;AAAEC,IAAAA;AAAF;AAHoB,CAAf,EAIX;AACH,QAAMC,UAAU,GAAGP,aAAa,CAAE;AACjCQ,IAAAA,SAAS,EAAEf,UAAU,CAAE;AACtB,OAAG,kBAAkBW,SAAW,EAAhC,GAAqCA;AADf,KAAF;AADY,GAAF,CAAhC;AAKA,QAAM,CAAEK,OAAF,IAAcZ,aAAa,CAChC,MADgC,EAEhC,SAFgC,EAGhC,SAHgC,EAIhCS,SAJgC,CAAjC;AAOA,QAAMI,aAAa,GAClB,cAAC,aAAD;AAAe,IAAA,KAAK,EAAC;AAArB,KACC,cAAC,gBAAD;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,8BACGC,aADH,EAEC,qBAAUH,UAAV,EACC,yBAAKb,EAAE,CAAE,iBAAF,EAAqB,aAArB,CAAP,CADD,CAFD,CADD;AAQA;;AAED,SACC,8BACGgB,aADH,EAEC,qBAAUH,UAAV,EACC,cAAC,QAAD,QACC,cAAC,OAAD;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-module/comment-content/index.js

@@ -0,0 +1,55 @@
+/**
+ * WordPress dependencies
+ */
+import { commentContent as icon } from '@wordpress/icons';
+/**
+ * Internal dependencies
+ */
+
+const metadata = {
+  apiVersion: 2,
+  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: {
+    textAlign: {
+      type: "string"
+    }
+  },
+  supports: {
+    color: {
+      gradients: true,
+      link: true
+    },
+    typography: {
+      fontSize: true,
+      lineHeight: true,
+      __experimentalFontFamily: true,
+      __experimentalFontWeight: true,
+      __experimentalFontStyle: true,
+      __experimentalTextTransform: true,
+      __experimentalLetterSpacing: true
+    },
+    spacing: {
+      padding: ["horizontal", "vertical"],
+      __experimentalDefaultControls: {
+        padding: true
+      }
+    },
+    html: false
+  }
+};
+import edit from './edit';
+const {
+  name
+} = metadata;
+export { metadata, name };
+export const settings = {
+  icon,
+  edit
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-content/index.js"],"names":["commentContent","icon","edit","name","metadata","settings"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,IAAIC,IAA3B,QAAuC,kBAAvC;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AACA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBJ,EAAAA,IADuB;AAEvBC,EAAAA;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-module/comment-date/deprecated.js

@@ -0,0 +1,57 @@
+/**
+ * Internal dependencies
+ */
+import migrateFontFamily from '../utils/migrate-font-family';
+const v1 = {
+  attributes: {
+    format: {
+      type: 'string'
+    },
+    isLink: {
+      type: 'boolean',
+      default: false
+    }
+  },
+  supports: {
+    html: false,
+    color: {
+      gradients: true,
+      link: true
+    },
+    typography: {
+      fontSize: true,
+      lineHeight: true,
+      __experimentalFontFamily: true,
+      __experimentalFontWeight: true,
+      __experimentalFontStyle: true,
+      __experimentalTextTransform: true,
+      __experimentalLetterSpacing: true
+    }
+  },
+
+  save() {
+    return null;
+  },
+
+  migrate: migrateFontFamily,
+
+  isEligible({
+    style
+  }) {
+    var _style$typography;
+
+    return style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontFamily;
+  }
+
+};
+/**
+ * New deprecations need to be placed first
+ * for them to have higher priority.
+ *
+ * Old deprecations may need to be updated as well.
+ *
+ * See block-deprecation.md
+ */
+
+export default [v1];
+//# sourceMappingURL=deprecated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-date/deprecated.js"],"names":["migrateFontFamily","v1","attributes","format","type","isLink","default","supports","html","color","gradients","link","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalLetterSpacing","save","migrate","isEligible","style","fontFamily"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,iBAAP,MAA8B,8BAA9B;AAEA,MAAMC,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,EAAErB,iBA7BC;;AA8BVsB,EAAAA,UAAU,CAAE;AAAEC,IAAAA;AAAF,GAAF,EAAc;AAAA;;AACvB,WAAOA,KAAP,aAAOA,KAAP,4CAAOA,KAAK,CAAEX,UAAd,sDAAO,kBAAmBY,UAA1B;AACA;;AAhCS,CAAX;AAmCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,CAAEvB,EAAF,CAAf","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-module/comment-date/edit.js

@@ -0,0 +1,85 @@
+import { createElement, Fragment } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { useEntityProp } from '@wordpress/core-data';
+import { __experimentalGetSettings, dateI18n } from '@wordpress/date';
+import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
+import { PanelBody, CustomSelectControl, ToggleControl } from '@wordpress/components';
+import { __, _x } from '@wordpress/i18n';
+/**
+ * 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.
+ */
+
+export default function Edit({
+  attributes: {
+    format,
+    isLink
+  },
+  context: {
+    commentId
+  },
+  setAttributes
+}) {
+  const blockProps = useBlockProps();
+  const [date] = useEntityProp('root', 'comment', 'date', commentId);
+  const [siteDateFormat] = useEntityProp('root', 'site', 'date_format');
+
+  const settings = __experimentalGetSettings();
+
+  const formatOptions = Object.values(settings.formats).map(formatOption => ({
+    key: formatOption,
+    name: dateI18n(formatOption, date || new Date())
+  }));
+  const resolvedFormat = format || siteDateFormat || settings.formats.date;
+  const inspectorControls = createElement(InspectorControls, null, createElement(PanelBody, {
+    title: __('Format settings')
+  }, createElement(CustomSelectControl, {
+    hideLabelFromVision: true,
+    label: __('Date Format'),
+    options: formatOptions,
+    onChange: ({
+      selectedItem
+    }) => setAttributes({
+      format: selectedItem.key
+    }),
+    value: formatOptions.find(option => option.key === resolvedFormat)
+  })), createElement(PanelBody, {
+    title: __('Link settings')
+  }, createElement(ToggleControl, {
+    label: __('Link to comment'),
+    onChange: () => setAttributes({
+      isLink: !isLink
+    }),
+    checked: isLink
+  })));
+
+  if (!commentId || !date) {
+    return createElement(Fragment, null, inspectorControls, createElement("div", blockProps, createElement("p", null, _x('Comment Date', 'block title'))));
+  }
+
+  let commentDate = createElement("time", {
+    dateTime: dateI18n('c', date)
+  }, dateI18n(resolvedFormat, date));
+
+  if (isLink) {
+    commentDate = createElement("a", {
+      href: "#comment-date-pseudo-link",
+      onClick: event => event.preventDefault()
+    }, commentDate);
+  }
+
+  return createElement(Fragment, null, inspectorControls, createElement("div", blockProps, commentDate));
+}
+//# sourceMappingURL=edit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-date/edit.js"],"names":["useEntityProp","__experimentalGetSettings","dateI18n","InspectorControls","useBlockProps","PanelBody","CustomSelectControl","ToggleControl","__","_x","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":"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","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-module/comment-date/index.js

@@ -0,0 +1,58 @@
+/**
+ * WordPress dependencies
+ */
+import { postDate as icon } from '@wordpress/icons';
+/**
+ * Internal dependencies
+ */
+
+const metadata = {
+  apiVersion: 2,
+  name: "core/comment-date",
+  title: "Comment Date",
+  category: "theme",
+  parent: ["core/comment-template"],
+  description: "Add the date of this comment.",
+  textdomain: "default",
+  attributes: {
+    format: {
+      type: "string"
+    },
+    isLink: {
+      type: "boolean",
+      "default": false
+    }
+  },
+  usesContext: ["commentId"],
+  supports: {
+    html: false,
+    color: {
+      gradients: true,
+      link: true
+    },
+    typography: {
+      fontSize: true,
+      lineHeight: true,
+      __experimentalFontFamily: true,
+      __experimentalFontWeight: true,
+      __experimentalFontStyle: true,
+      __experimentalTextTransform: true,
+      __experimentalLetterSpacing: true,
+      __experimentalDefaultControls: {
+        fontSize: true
+      }
+    }
+  }
+};
+import edit from './edit';
+import deprecated from './deprecated';
+const {
+  name
+} = metadata;
+export { metadata, name };
+export const settings = {
+  icon,
+  edit,
+  deprecated
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-date/index.js"],"names":["postDate","icon","edit","deprecated","name","metadata","settings"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,IAAIC,IAArB,QAAiC,kBAAjC;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AACA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBL,EAAAA,IADuB;AAEvBC,EAAAA,IAFuB;AAGvBC,EAAAA;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-module/comment-edit-link/edit.js

@@ -0,0 +1,48 @@
+import { createElement, Fragment } from "@wordpress/element";
+
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+/**
+ * WordPress dependencies
+ */
+
+import { AlignmentControl, BlockControls, InspectorControls, useBlockProps } from '@wordpress/block-editor';
+import { PanelBody, ToggleControl } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+export default function Edit({
+  attributes: {
+    linkTarget,
+    textAlign
+  },
+  setAttributes
+}) {
+  const blockProps = useBlockProps({
+    className: classnames({
+      [`has-text-align-${textAlign}`]: textAlign
+    })
+  });
+  const blockControls = createElement(BlockControls, {
+    group: "block"
+  }, createElement(AlignmentControl, {
+    value: textAlign,
+    onChange: newAlign => setAttributes({
+      textAlign: newAlign
+    })
+  }));
+  const inspectorControls = createElement(InspectorControls, null, createElement(PanelBody, {
+    title: __('Link settings')
+  }, createElement(ToggleControl, {
+    label: __('Open in new tab'),
+    onChange: value => setAttributes({
+      linkTarget: value ? '_blank' : '_self'
+    }),
+    checked: linkTarget === '_blank'
+  })));
+  return createElement(Fragment, null, blockControls, inspectorControls, createElement("div", blockProps, createElement("a", {
+    href: "#edit-comment-pseudo-link",
+    onClick: event => event.preventDefault()
+  }, __('Edit'))));
+}
+//# sourceMappingURL=edit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-edit-link/edit.js"],"names":["classnames","AlignmentControl","BlockControls","InspectorControls","useBlockProps","PanelBody","ToggleControl","__","Edit","attributes","linkTarget","textAlign","setAttributes","blockProps","className","blockControls","newAlign","inspectorControls","value","event","preventDefault"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SACCC,gBADD,EAECC,aAFD,EAGCC,iBAHD,EAICC,aAJD,QAKO,yBALP;AAMA,SAASC,SAAT,EAAoBC,aAApB,QAAyC,uBAAzC;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA,eAAe,SAASC,IAAT,CAAe;AAC7BC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,GADiB;AAE7BC,EAAAA;AAF6B,CAAf,EAGX;AACH,QAAMC,UAAU,GAAGT,aAAa,CAAE;AACjCU,IAAAA,SAAS,EAAEd,UAAU,CAAE;AACtB,OAAG,kBAAkBW,SAAW,EAAhC,GAAqCA;AADf,KAAF;AADY,GAAF,CAAhC;AAMA,QAAMI,aAAa,GAClB,cAAC,aAAD;AAAe,IAAA,KAAK,EAAC;AAArB,KACC,cAAC,gBAAD;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,cAAC,iBAAD,QACC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGV,EAAE,CAAE,eAAF;AAArB,KACC,cAAC,aAAD;AACC,IAAA,KAAK,EAAGA,EAAE,CAAE,iBAAF,CADX;AAEC,IAAA,QAAQ,EAAKW,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,8BACGK,aADH,EAEGE,iBAFH,EAGC,qBAAUJ,UAAV,EACC;AACC,IAAA,IAAI,EAAC,2BADN;AAEC,IAAA,OAAO,EAAKM,KAAF,IAAaA,KAAK,CAACC,cAAN;AAFxB,KAIGb,EAAE,CAAE,MAAF,CAJL,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-module/comment-edit-link/index.js

@@ -0,0 +1,54 @@
+/**
+ * WordPress dependencies
+ */
+import { edit as icon } from '@wordpress/icons';
+/**
+ * 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
+    }
+  }
+};
+import edit from './edit';
+const {
+  name
+} = metadata;
+export { metadata, name };
+export const settings = {
+  icon,
+  edit
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-edit-link/index.js"],"names":["edit","icon","name","metadata","settings"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,IAAIC,IAAjB,QAA6B,kBAA7B;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOD,IAAP,MAAiB,QAAjB;AAEA,MAAM;AAAEE,EAAAA;AAAF,IAAWC,QAAjB;AACA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBH,EAAAA,IADuB;AAEvBD,EAAAA;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"]}

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

@@ -0,0 +1,50 @@
+import { createElement, Fragment } from "@wordpress/element";
+
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+/**
+ * WordPress dependencies
+ */
+
+import { __ } from '@wordpress/i18n';
+import { AlignmentControl, BlockControls, useBlockProps } from '@wordpress/block-editor';
+/**
+ * Renders the `core/comment-reply-link` 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.textAlign The `textAlign` attribute.
+ *
+ * @return {JSX.Element} React element.
+ */
+
+function Edit({
+  setAttributes,
+  attributes: {
+    textAlign
+  }
+}) {
+  const blockProps = useBlockProps({
+    className: classnames({
+      [`has-text-align-${textAlign}`]: textAlign
+    })
+  });
+  const blockControls = createElement(BlockControls, {
+    group: "block"
+  }, createElement(AlignmentControl, {
+    value: textAlign,
+    onChange: newAlign => setAttributes({
+      textAlign: newAlign
+    })
+  }));
+  return createElement(Fragment, null, blockControls, createElement("div", blockProps, createElement("a", {
+    href: "#comment-reply-pseudo-link",
+    onClick: event => event.preventDefault()
+  }, __('Reply'))));
+}
+
+export default Edit;
+//# sourceMappingURL=edit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-reply-link/edit.js"],"names":["classnames","__","AlignmentControl","BlockControls","useBlockProps","Edit","setAttributes","attributes","textAlign","blockProps","className","blockControls","newAlign","event","preventDefault"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SACCC,gBADD,EAECC,aAFD,EAGCC,aAHD,QAIO,yBAJP;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,IAAT,CAAe;AAAEC,EAAAA,aAAF;AAAiBC,EAAAA,UAAU,EAAE;AAAEC,IAAAA;AAAF;AAA7B,CAAf,EAA8D;AAC7D,QAAMC,UAAU,GAAGL,aAAa,CAAE;AACjCM,IAAAA,SAAS,EAAEV,UAAU,CAAE;AACtB,OAAG,kBAAkBQ,SAAW,EAAhC,GAAqCA;AADf,KAAF;AADY,GAAF,CAAhC;AAMA,QAAMG,aAAa,GAClB,cAAC,aAAD;AAAe,IAAA,KAAK,EAAC;AAArB,KACC,cAAC,gBAAD;AACC,IAAA,KAAK,EAAGH,SADT;AAEC,IAAA,QAAQ,EAAKI,QAAF,IACVN,aAAa,CAAE;AAAEE,MAAAA,SAAS,EAAEI;AAAb,KAAF;AAHf,IADD,CADD;AAWA,SACC,8BACGD,aADH,EAEC,qBAAUF,UAAV,EACC;AACC,IAAA,IAAI,EAAC,4BADN;AAEC,IAAA,OAAO,EAAKI,KAAF,IAAaA,KAAK,CAACC,cAAN;AAFxB,KAIGb,EAAE,CAAE,OAAF,CAJL,CADD,CAFD,CADD;AAaA;;AAED,eAAeI,IAAf","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"]}

package/build-module/comment-reply-link/index.js

@@ -0,0 +1,50 @@
+/**
+ * WordPress dependencies
+ */
+import { commentReplyLink as icon } from '@wordpress/icons';
+/**
+ * Internal dependencies
+ */
+
+const metadata = {
+  apiVersion: 2,
+  name: "core/comment-reply-link",
+  title: "Comment Reply Link",
+  category: "theme",
+  parent: ["core/comment-template"],
+  description: "Displays a link to reply to a comment.",
+  textdomain: "default",
+  usesContext: ["commentId"],
+  attributes: {
+    textAlign: {
+      type: "string"
+    }
+  },
+  supports: {
+    color: {
+      gradients: true,
+      link: true,
+      text: false
+    },
+    typography: {
+      fontSize: true,
+      lineHeight: true,
+      __experimentalFontFamily: true,
+      __experimentalFontWeight: true,
+      __experimentalFontStyle: true,
+      __experimentalTextTransform: true,
+      __experimentalLetterSpacing: true
+    },
+    html: false
+  }
+};
+import edit from './edit';
+const {
+  name
+} = metadata;
+export { metadata, name };
+export const settings = {
+  edit,
+  icon
+};
+//# sourceMappingURL=index.js.map

package/build-module/comment-reply-link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-reply-link/index.js"],"names":["commentReplyLink","icon","edit","name","metadata","settings"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gBAAgB,IAAIC,IAA7B,QAAyC,kBAAzC;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AACA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBH,EAAAA,IADuB;AAEvBD,EAAAA;AAFuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { commentReplyLink 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\tedit,\n\ticon,\n};\n"]}

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

@@ -0,0 +1,71 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { useState, useMemo } from '@wordpress/element';
+import { useSelect } from '@wordpress/data';
+import { __ } from '@wordpress/i18n';
+import { BlockContextProvider, BlockPreview, useBlockProps, useInnerBlocksProps, store as blockEditorStore } from '@wordpress/block-editor';
+import { Spinner } from '@wordpress/components';
+import { store as coreStore } from '@wordpress/core-data';
+const TEMPLATE = [['core/comment-author-avatar'], ['core/comment-author-name'], ['core/comment-date'], ['core/comment-content'], ['core/comment-reply-link'], ['core/comment-edit-link']];
+
+function CommentTemplateInnerBlocks() {
+  const innerBlocksProps = useInnerBlocksProps({}, {
+    template: TEMPLATE
+  });
+  return createElement("li", innerBlocksProps);
+}
+
+export default function CommentTemplateEdit({
+  clientId,
+  context: {
+    postId,
+    queryPerPage
+  }
+}) {
+  const blockProps = useBlockProps();
+  const [activeBlockContext, setActiveBlockContext] = useState();
+  const {
+    comments,
+    blocks
+  } = useSelect(select => {
+    const {
+      getEntityRecords
+    } = select(coreStore);
+    const {
+      getBlocks
+    } = select(blockEditorStore);
+    return {
+      comments: getEntityRecords('root', 'comment', {
+        post: postId,
+        status: 'approve',
+        per_page: queryPerPage,
+        order: 'asc'
+      }),
+      blocks: getBlocks(clientId)
+    };
+  }, [queryPerPage, postId, clientId]);
+  const blockContexts = useMemo(() => comments === null || comments === void 0 ? void 0 : comments.map(comment => ({
+    commentId: comment.id
+  })), [comments]);
+
+  if (!comments) {
+    return createElement("p", blockProps, createElement(Spinner, null));
+  }
+
+  if (!comments.length) {
+    return createElement("p", blockProps, " ", __('No results found.'));
+  }
+
+  return createElement("ul", blockProps, blockContexts && blockContexts.map(blockContext => createElement(BlockContextProvider, {
+    key: blockContext.commentId,
+    value: blockContext
+  }, blockContext === (activeBlockContext || blockContexts[0]) ? createElement(CommentTemplateInnerBlocks, null) : createElement("li", null, createElement(BlockPreview, {
+    blocks: blocks,
+    __experimentalLive: true,
+    __experimentalOnClick: () => setActiveBlockContext(blockContext)
+  })))));
+}
+//# sourceMappingURL=edit.js.map