@wordpress/block-library 8.35.0 → 9.0.0

package/build-module/latest-comments/edit.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -12,6 +11,8 @@ import { __ } from '@wordpress/i18n';
  *
  * @type {number}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const MIN_COMMENTS = 1;
 /**
  * Maximum number of comments a user can show using this block.
@@ -36,52 +37,58 @@ export default function LatestComments({
       spacing: undefined
     }
   };
-  return createElement("div", {
-    ...useBlockProps()
-  }, createElement(InspectorControls, null, createElement(PanelBody, {
-    title: __('Settings')
-  }, createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Display avatar'),
-    checked: displayAvatar,
-    onChange: () => setAttributes({
-      displayAvatar: !displayAvatar
-    })
-  }), createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Display date'),
-    checked: displayDate,
-    onChange: () => setAttributes({
-      displayDate: !displayDate
-    })
-  }), createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Display excerpt'),
-    checked: displayExcerpt,
-    onChange: () => setAttributes({
-      displayExcerpt: !displayExcerpt
-    })
-  }), createElement(RangeControl, {
-    __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: true,
-    label: __('Number of comments'),
-    value: commentsToShow,
-    onChange: value => setAttributes({
-      commentsToShow: value
-    }),
-    min: MIN_COMMENTS,
-    max: MAX_COMMENTS,
-    required: true
-  }))), createElement(Disabled, null, createElement(ServerSideRender, {
-    block: "core/latest-comments",
-    attributes: serverSideAttributes
-    // The preview uses the site's locale to make it more true to how
-    // the block appears on the frontend. Setting the locale
-    // explicitly prevents any middleware from setting it to 'user'.
-    ,
-    urlQueryArgs: {
-      _locale: 'site'
-    }
-  })));
+  return /*#__PURE__*/_jsxs("div", {
+    ...useBlockProps(),
+    children: [/*#__PURE__*/_jsx(InspectorControls, {
+      children: /*#__PURE__*/_jsxs(PanelBody, {
+        title: __('Settings'),
+        children: [/*#__PURE__*/_jsx(ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: __('Display avatar'),
+          checked: displayAvatar,
+          onChange: () => setAttributes({
+            displayAvatar: !displayAvatar
+          })
+        }), /*#__PURE__*/_jsx(ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: __('Display date'),
+          checked: displayDate,
+          onChange: () => setAttributes({
+            displayDate: !displayDate
+          })
+        }), /*#__PURE__*/_jsx(ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: __('Display excerpt'),
+          checked: displayExcerpt,
+          onChange: () => setAttributes({
+            displayExcerpt: !displayExcerpt
+          })
+        }), /*#__PURE__*/_jsx(RangeControl, {
+          __nextHasNoMarginBottom: true,
+          __next40pxDefaultSize: true,
+          label: __('Number of comments'),
+          value: commentsToShow,
+          onChange: value => setAttributes({
+            commentsToShow: value
+          }),
+          min: MIN_COMMENTS,
+          max: MAX_COMMENTS,
+          required: true
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Disabled, {
+      children: /*#__PURE__*/_jsx(ServerSideRender, {
+        block: "core/latest-comments",
+        attributes: serverSideAttributes
+        // The preview uses the site's locale to make it more true to how
+        // the block appears on the frontend. Setting the locale
+        // explicitly prevents any middleware from setting it to 'user'.
+        ,
+        urlQueryArgs: {
+          _locale: 'site'
+        }
+      })
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map

package/build-module/latest-comments/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["InspectorControls","useBlockProps","Disabled","PanelBody","RangeControl","ToggleControl","ServerSideRender","__","MIN_COMMENTS","MAX_COMMENTS","LatestComments","attributes","setAttributes","commentsToShow","displayAvatar","displayDate","displayExcerpt","serverSideAttributes","style","spacing","undefined","createElement","title","__nextHasNoMarginBottom","label","checked","onChange","__next40pxDefaultSize","value","min","max","required","block","urlQueryArgs","_locale"],"sources":["@wordpress/block-library/src/latest-comments/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InspectorControls, useBlockProps } from '@wordpress/block-editor';\nimport {\n\tDisabled,\n\tPanelBody,\n\tRangeControl,\n\tToggleControl,\n} from '@wordpress/components';\nimport ServerSideRender from '@wordpress/server-side-render';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Minimum number of comments a user can show using this block.\n *\n * @type {number}\n */\nconst MIN_COMMENTS = 1;\n/**\n * Maximum number of comments a user can show using this block.\n *\n * @type {number}\n */\nconst MAX_COMMENTS = 100;\n\nexport default function LatestComments( { attributes, setAttributes } ) {\n\tconst { commentsToShow, displayAvatar, displayDate, displayExcerpt } =\n\t\tattributes;\n\n\tconst serverSideAttributes = {\n\t\t...attributes,\n\t\tstyle: {\n\t\t\t...attributes?.style,\n\t\t\tspacing: undefined,\n\t\t},\n\t};\n\n\treturn (\n\t\t<div { ...useBlockProps() }>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display avatar' ) }\n\t\t\t\t\t\tchecked={ displayAvatar }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { displayAvatar: ! displayAvatar } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display date' ) }\n\t\t\t\t\t\tchecked={ displayDate }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { displayDate: ! displayDate } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display excerpt' ) }\n\t\t\t\t\t\tchecked={ displayExcerpt }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tdisplayExcerpt: ! displayExcerpt,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Number of comments' ) }\n\t\t\t\t\t\tvalue={ commentsToShow }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { commentsToShow: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ MIN_COMMENTS }\n\t\t\t\t\t\tmax={ MAX_COMMENTS }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<Disabled>\n\t\t\t\t<ServerSideRender\n\t\t\t\t\tblock=\"core/latest-comments\"\n\t\t\t\t\tattributes={ serverSideAttributes }\n\t\t\t\t\t// The preview uses the site's locale to make it more true to how\n\t\t\t\t\t// the block appears on the frontend. Setting the locale\n\t\t\t\t\t// explicitly prevents any middleware from setting it to 'user'.\n\t\t\t\t\turlQueryArgs={ { _locale: 'site' } }\n\t\t\t\t/>\n\t\t\t</Disabled>\n\t\t</div>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,iBAAiB,EAAEC,aAAa,QAAQ,yBAAyB;AAC1E,SACCC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,aAAa,QACP,uBAAuB;AAC9B,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,GAAG,CAAC;AACtB;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,GAAG,GAAG;AAExB,eAAe,SAASC,cAAcA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACvE,MAAM;IAAEC,cAAc;IAAEC,aAAa;IAAEC,WAAW;IAAEC;EAAe,CAAC,GACnEL,UAAU;EAEX,MAAMM,oBAAoB,GAAG;IAC5B,GAAGN,UAAU;IACbO,KAAK,EAAE;MACN,GAAGP,UAAU,EAAEO,KAAK;MACpBC,OAAO,EAAEC;IACV;EACD,CAAC;EAED,OACCC,aAAA;IAAA,GAAUpB,aAAa,CAAC;EAAC,GACxBoB,aAAA,CAACrB,iBAAiB,QACjBqB,aAAA,CAAClB,SAAS;IAACmB,KAAK,EAAGf,EAAE,CAAE,UAAW;EAAG,GACpCc,aAAA,CAAChB,aAAa;IACbkB,uBAAuB;IACvBC,KAAK,EAAGjB,EAAE,CAAE,gBAAiB,CAAG;IAChCkB,OAAO,EAAGX,aAAe;IACzBY,QAAQ,EAAGA,CAAA,KACVd,aAAa,CAAE;MAAEE,aAAa,EAAE,CAAEA;IAAc,CAAE;EAClD,CACD,CAAC,EACFO,aAAA,CAAChB,aAAa;IACbkB,uBAAuB;IACvBC,KAAK,EAAGjB,EAAE,CAAE,cAAe,CAAG;IAC9BkB,OAAO,EAAGV,WAAa;IACvBW,QAAQ,EAAGA,CAAA,KACVd,aAAa,CAAE;MAAEG,WAAW,EAAE,CAAEA;IAAY,CAAE;EAC9C,CACD,CAAC,EACFM,aAAA,CAAChB,aAAa;IACbkB,uBAAuB;IACvBC,KAAK,EAAGjB,EAAE,CAAE,iBAAkB,CAAG;IACjCkB,OAAO,EAAGT,cAAgB;IAC1BU,QAAQ,EAAGA,CAAA,KACVd,aAAa,CAAE;MACdI,cAAc,EAAE,CAAEA;IACnB,CAAE;EACF,CACD,CAAC,EACFK,aAAA,CAACjB,YAAY;IACZmB,uBAAuB;IACvBI,qBAAqB;IACrBH,KAAK,EAAGjB,EAAE,CAAE,oBAAqB,CAAG;IACpCqB,KAAK,EAAGf,cAAgB;IACxBa,QAAQ,EAAKE,KAAK,IACjBhB,aAAa,CAAE;MAAEC,cAAc,EAAEe;IAAM,CAAE,CACzC;IACDC,GAAG,EAAGrB,YAAc;IACpBsB,GAAG,EAAGrB,YAAc;IACpBsB,QAAQ;EAAA,CACR,CACS,CACO,CAAC,EACpBV,aAAA,CAACnB,QAAQ,QACRmB,aAAA,CAACf,gBAAgB;IAChB0B,KAAK,EAAC,sBAAsB;IAC5BrB,UAAU,EAAGM;IACb;IACA;IACA;IAAA;IACAgB,YAAY,EAAG;MAAEC,OAAO,EAAE;IAAO;EAAG,CACpC,CACQ,CACN,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["InspectorControls","useBlockProps","Disabled","PanelBody","RangeControl","ToggleControl","ServerSideRender","__","jsx","_jsx","jsxs","_jsxs","MIN_COMMENTS","MAX_COMMENTS","LatestComments","attributes","setAttributes","commentsToShow","displayAvatar","displayDate","displayExcerpt","serverSideAttributes","style","spacing","undefined","children","title","__nextHasNoMarginBottom","label","checked","onChange","__next40pxDefaultSize","value","min","max","required","block","urlQueryArgs","_locale"],"sources":["@wordpress/block-library/src/latest-comments/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InspectorControls, useBlockProps } from '@wordpress/block-editor';\nimport {\n\tDisabled,\n\tPanelBody,\n\tRangeControl,\n\tToggleControl,\n} from '@wordpress/components';\nimport ServerSideRender from '@wordpress/server-side-render';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Minimum number of comments a user can show using this block.\n *\n * @type {number}\n */\nconst MIN_COMMENTS = 1;\n/**\n * Maximum number of comments a user can show using this block.\n *\n * @type {number}\n */\nconst MAX_COMMENTS = 100;\n\nexport default function LatestComments( { attributes, setAttributes } ) {\n\tconst { commentsToShow, displayAvatar, displayDate, displayExcerpt } =\n\t\tattributes;\n\n\tconst serverSideAttributes = {\n\t\t...attributes,\n\t\tstyle: {\n\t\t\t...attributes?.style,\n\t\t\tspacing: undefined,\n\t\t},\n\t};\n\n\treturn (\n\t\t<div { ...useBlockProps() }>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display avatar' ) }\n\t\t\t\t\t\tchecked={ displayAvatar }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { displayAvatar: ! displayAvatar } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display date' ) }\n\t\t\t\t\t\tchecked={ displayDate }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { displayDate: ! displayDate } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display excerpt' ) }\n\t\t\t\t\t\tchecked={ displayExcerpt }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tdisplayExcerpt: ! displayExcerpt,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Number of comments' ) }\n\t\t\t\t\t\tvalue={ commentsToShow }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { commentsToShow: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ MIN_COMMENTS }\n\t\t\t\t\t\tmax={ MAX_COMMENTS }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<Disabled>\n\t\t\t\t<ServerSideRender\n\t\t\t\t\tblock=\"core/latest-comments\"\n\t\t\t\t\tattributes={ serverSideAttributes }\n\t\t\t\t\t// The preview uses the site's locale to make it more true to how\n\t\t\t\t\t// the block appears on the frontend. Setting the locale\n\t\t\t\t\t// explicitly prevents any middleware from setting it to 'user'.\n\t\t\t\t\turlQueryArgs={ { _locale: 'site' } }\n\t\t\t\t/>\n\t\t\t</Disabled>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,iBAAiB,EAAEC,aAAa,QAAQ,yBAAyB;AAC1E,SACCC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,aAAa,QACP,uBAAuB;AAC9B,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA;AACA;AAJA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAKA,MAAMC,YAAY,GAAG,CAAC;AACtB;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,GAAG,GAAG;AAExB,eAAe,SAASC,cAAcA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACvE,MAAM;IAAEC,cAAc;IAAEC,aAAa;IAAEC,WAAW;IAAEC;EAAe,CAAC,GACnEL,UAAU;EAEX,MAAMM,oBAAoB,GAAG;IAC5B,GAAGN,UAAU;IACbO,KAAK,EAAE;MACN,GAAGP,UAAU,EAAEO,KAAK;MACpBC,OAAO,EAAEC;IACV;EACD,CAAC;EAED,oBACCb,KAAA;IAAA,GAAUV,aAAa,CAAC,CAAC;IAAAwB,QAAA,gBACxBhB,IAAA,CAACT,iBAAiB;MAAAyB,QAAA,eACjBd,KAAA,CAACR,SAAS;QAACuB,KAAK,EAAGnB,EAAE,CAAE,UAAW,CAAG;QAAAkB,QAAA,gBACpChB,IAAA,CAACJ,aAAa;UACbsB,uBAAuB;UACvBC,KAAK,EAAGrB,EAAE,CAAE,gBAAiB,CAAG;UAChCsB,OAAO,EAAGX,aAAe;UACzBY,QAAQ,EAAGA,CAAA,KACVd,aAAa,CAAE;YAAEE,aAAa,EAAE,CAAEA;UAAc,CAAE;QAClD,CACD,CAAC,eACFT,IAAA,CAACJ,aAAa;UACbsB,uBAAuB;UACvBC,KAAK,EAAGrB,EAAE,CAAE,cAAe,CAAG;UAC9BsB,OAAO,EAAGV,WAAa;UACvBW,QAAQ,EAAGA,CAAA,KACVd,aAAa,CAAE;YAAEG,WAAW,EAAE,CAAEA;UAAY,CAAE;QAC9C,CACD,CAAC,eACFV,IAAA,CAACJ,aAAa;UACbsB,uBAAuB;UACvBC,KAAK,EAAGrB,EAAE,CAAE,iBAAkB,CAAG;UACjCsB,OAAO,EAAGT,cAAgB;UAC1BU,QAAQ,EAAGA,CAAA,KACVd,aAAa,CAAE;YACdI,cAAc,EAAE,CAAEA;UACnB,CAAE;QACF,CACD,CAAC,eACFX,IAAA,CAACL,YAAY;UACZuB,uBAAuB;UACvBI,qBAAqB;UACrBH,KAAK,EAAGrB,EAAE,CAAE,oBAAqB,CAAG;UACpCyB,KAAK,EAAGf,cAAgB;UACxBa,QAAQ,EAAKE,KAAK,IACjBhB,aAAa,CAAE;YAAEC,cAAc,EAAEe;UAAM,CAAE,CACzC;UACDC,GAAG,EAAGrB,YAAc;UACpBsB,GAAG,EAAGrB,YAAc;UACpBsB,QAAQ;QAAA,CACR,CAAC;MAAA,CACQ;IAAC,CACM,CAAC,eACpB1B,IAAA,CAACP,QAAQ;MAAAuB,QAAA,eACRhB,IAAA,CAACH,gBAAgB;QAChB8B,KAAK,EAAC,sBAAsB;QAC5BrB,UAAU,EAAGM;QACb;QACA;QACA;QAAA;QACAgB,YAAY,EAAG;UAAEC,OAAO,EAAE;QAAO;MAAG,CACpC;IAAC,CACO,CAAC;EAAA,CACP,CAAC;AAER","ignoreList":[]}

package/build-module/latest-posts/edit.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -26,6 +25,9 @@ import { MIN_EXCERPT_LENGTH, MAX_EXCERPT_LENGTH, MAX_POSTS_COLUMNS } from './con
 /**
  * Module Constants
  */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const CATEGORIES_LIST_QUERY = {
   per_page: -1,
   context: 'view'
@@ -151,136 +153,147 @@ export default function LatestPostsEdit({
     });
   };
   const hasPosts = !!latestPosts?.length;
-  const inspectorControls = createElement(InspectorControls, null, createElement(PanelBody, {
-    title: __('Post content')
-  }, createElement(ToggleControl, {
-    label: __('Post content'),
-    checked: displayPostContent,
-    onChange: value => setAttributes({
-      displayPostContent: value
-    })
-  }), displayPostContent && createElement(RadioControl, {
-    label: __('Show:'),
-    selected: displayPostContentRadio,
-    options: [{
-      label: __('Excerpt'),
-      value: 'excerpt'
-    }, {
-      label: __('Full post'),
-      value: 'full_post'
-    }],
-    onChange: value => setAttributes({
-      displayPostContentRadio: value
-    })
-  }), displayPostContent && displayPostContentRadio === 'excerpt' && createElement(RangeControl, {
-    __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: true,
-    label: __('Max number of words'),
-    value: excerptLength,
-    onChange: value => setAttributes({
-      excerptLength: value
-    }),
-    min: MIN_EXCERPT_LENGTH,
-    max: MAX_EXCERPT_LENGTH
-  })), createElement(PanelBody, {
-    title: __('Post meta')
-  }, createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Display author name'),
-    checked: displayAuthor,
-    onChange: value => setAttributes({
-      displayAuthor: value
-    })
-  }), createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Display post date'),
-    checked: displayPostDate,
-    onChange: value => setAttributes({
-      displayPostDate: value
-    })
-  })), createElement(PanelBody, {
-    title: __('Featured image')
-  }, createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Display featured image'),
-    checked: displayFeaturedImage,
-    onChange: value => setAttributes({
-      displayFeaturedImage: value
-    })
-  }), displayFeaturedImage && createElement(Fragment, null, createElement(ImageSizeControl, {
-    onChange: value => {
-      const newAttrs = {};
-      if (value.hasOwnProperty('width')) {
-        newAttrs.featuredImageSizeWidth = value.width;
-      }
-      if (value.hasOwnProperty('height')) {
-        newAttrs.featuredImageSizeHeight = value.height;
-      }
-      setAttributes(newAttrs);
-    },
-    slug: featuredImageSizeSlug,
-    width: featuredImageSizeWidth,
-    height: featuredImageSizeHeight,
-    imageWidth: defaultImageWidth,
-    imageHeight: defaultImageHeight,
-    imageSizeOptions: imageSizeOptions,
-    imageSizeHelp: __('Select the size of the source image.'),
-    onChangeImage: value => setAttributes({
-      featuredImageSizeSlug: value,
-      featuredImageSizeWidth: undefined,
-      featuredImageSizeHeight: undefined
-    })
-  }), createElement(BaseControl, {
-    className: "editor-latest-posts-image-alignment-control"
-  }, createElement(BaseControl.VisualLabel, null, __('Image alignment')), createElement(BlockAlignmentToolbar, {
-    value: featuredImageAlign,
-    onChange: value => setAttributes({
-      featuredImageAlign: value
-    }),
-    controls: ['left', 'center', 'right'],
-    isCollapsed: false
-  })), createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Add link to featured image'),
-    checked: addLinkToFeaturedImage,
-    onChange: value => setAttributes({
-      addLinkToFeaturedImage: value
-    })
-  }))), createElement(PanelBody, {
-    title: __('Sorting and filtering')
-  }, createElement(QueryControls, {
-    order,
-    orderBy,
-    numberOfItems: postsToShow,
-    onOrderChange: value => setAttributes({
-      order: value
-    }),
-    onOrderByChange: value => setAttributes({
-      orderBy: value
-    }),
-    onNumberOfItemsChange: value => setAttributes({
-      postsToShow: value
-    }),
-    categorySuggestions: categorySuggestions,
-    onCategoryChange: selectCategories,
-    selectedCategories: categories,
-    onAuthorChange: value => setAttributes({
-      selectedAuthor: '' !== value ? Number(value) : undefined
-    }),
-    authorList: authorList !== null && authorList !== void 0 ? authorList : [],
-    selectedAuthorId: selectedAuthor
-  }), postLayout === 'grid' && createElement(RangeControl, {
-    __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: true,
-    label: __('Columns'),
-    value: columns,
-    onChange: value => setAttributes({
-      columns: value
-    }),
-    min: 2,
-    max: !hasPosts ? MAX_POSTS_COLUMNS : Math.min(MAX_POSTS_COLUMNS, latestPosts.length),
-    required: true
-  })));
+  const inspectorControls = /*#__PURE__*/_jsxs(InspectorControls, {
+    children: [/*#__PURE__*/_jsxs(PanelBody, {
+      title: __('Post content'),
+      children: [/*#__PURE__*/_jsx(ToggleControl, {
+        label: __('Post content'),
+        checked: displayPostContent,
+        onChange: value => setAttributes({
+          displayPostContent: value
+        })
+      }), displayPostContent && /*#__PURE__*/_jsx(RadioControl, {
+        label: __('Show:'),
+        selected: displayPostContentRadio,
+        options: [{
+          label: __('Excerpt'),
+          value: 'excerpt'
+        }, {
+          label: __('Full post'),
+          value: 'full_post'
+        }],
+        onChange: value => setAttributes({
+          displayPostContentRadio: value
+        })
+      }), displayPostContent && displayPostContentRadio === 'excerpt' && /*#__PURE__*/_jsx(RangeControl, {
+        __nextHasNoMarginBottom: true,
+        __next40pxDefaultSize: true,
+        label: __('Max number of words'),
+        value: excerptLength,
+        onChange: value => setAttributes({
+          excerptLength: value
+        }),
+        min: MIN_EXCERPT_LENGTH,
+        max: MAX_EXCERPT_LENGTH
+      })]
+    }), /*#__PURE__*/_jsxs(PanelBody, {
+      title: __('Post meta'),
+      children: [/*#__PURE__*/_jsx(ToggleControl, {
+        __nextHasNoMarginBottom: true,
+        label: __('Display author name'),
+        checked: displayAuthor,
+        onChange: value => setAttributes({
+          displayAuthor: value
+        })
+      }), /*#__PURE__*/_jsx(ToggleControl, {
+        __nextHasNoMarginBottom: true,
+        label: __('Display post date'),
+        checked: displayPostDate,
+        onChange: value => setAttributes({
+          displayPostDate: value
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(PanelBody, {
+      title: __('Featured image'),
+      children: [/*#__PURE__*/_jsx(ToggleControl, {
+        __nextHasNoMarginBottom: true,
+        label: __('Display featured image'),
+        checked: displayFeaturedImage,
+        onChange: value => setAttributes({
+          displayFeaturedImage: value
+        })
+      }), displayFeaturedImage && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(ImageSizeControl, {
+          onChange: value => {
+            const newAttrs = {};
+            if (value.hasOwnProperty('width')) {
+              newAttrs.featuredImageSizeWidth = value.width;
+            }
+            if (value.hasOwnProperty('height')) {
+              newAttrs.featuredImageSizeHeight = value.height;
+            }
+            setAttributes(newAttrs);
+          },
+          slug: featuredImageSizeSlug,
+          width: featuredImageSizeWidth,
+          height: featuredImageSizeHeight,
+          imageWidth: defaultImageWidth,
+          imageHeight: defaultImageHeight,
+          imageSizeOptions: imageSizeOptions,
+          imageSizeHelp: __('Select the size of the source image.'),
+          onChangeImage: value => setAttributes({
+            featuredImageSizeSlug: value,
+            featuredImageSizeWidth: undefined,
+            featuredImageSizeHeight: undefined
+          })
+        }), /*#__PURE__*/_jsxs(BaseControl, {
+          className: "editor-latest-posts-image-alignment-control",
+          children: [/*#__PURE__*/_jsx(BaseControl.VisualLabel, {
+            children: __('Image alignment')
+          }), /*#__PURE__*/_jsx(BlockAlignmentToolbar, {
+            value: featuredImageAlign,
+            onChange: value => setAttributes({
+              featuredImageAlign: value
+            }),
+            controls: ['left', 'center', 'right'],
+            isCollapsed: false
+          })]
+        }), /*#__PURE__*/_jsx(ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: __('Add link to featured image'),
+          checked: addLinkToFeaturedImage,
+          onChange: value => setAttributes({
+            addLinkToFeaturedImage: value
+          })
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs(PanelBody, {
+      title: __('Sorting and filtering'),
+      children: [/*#__PURE__*/_jsx(QueryControls, {
+        order,
+        orderBy,
+        numberOfItems: postsToShow,
+        onOrderChange: value => setAttributes({
+          order: value
+        }),
+        onOrderByChange: value => setAttributes({
+          orderBy: value
+        }),
+        onNumberOfItemsChange: value => setAttributes({
+          postsToShow: value
+        }),
+        categorySuggestions: categorySuggestions,
+        onCategoryChange: selectCategories,
+        selectedCategories: categories,
+        onAuthorChange: value => setAttributes({
+          selectedAuthor: '' !== value ? Number(value) : undefined
+        }),
+        authorList: authorList !== null && authorList !== void 0 ? authorList : [],
+        selectedAuthorId: selectedAuthor
+      }), postLayout === 'grid' && /*#__PURE__*/_jsx(RangeControl, {
+        __nextHasNoMarginBottom: true,
+        __next40pxDefaultSize: true,
+        label: __('Columns'),
+        value: columns,
+        onChange: value => setAttributes({
+          columns: value
+        }),
+        min: 2,
+        max: !hasPosts ? MAX_POSTS_COLUMNS : Math.min(MAX_POSTS_COLUMNS, latestPosts.length),
+        required: true
+      })]
+    })]
+  });
   const blockProps = useBlockProps({
     className: clsx({
       'wp-block-latest-posts__list': true,
@@ -291,12 +304,14 @@ export default function LatestPostsEdit({
     })
   });
   if (!hasPosts) {
-    return createElement("div", {
-      ...blockProps
-    }, inspectorControls, createElement(Placeholder, {
-      icon: pin,
-      label: __('Latest Posts')
-    }, !Array.isArray(latestPosts) ? createElement(Spinner, null) : __('No posts found.')));
+    return /*#__PURE__*/_jsxs("div", {
+      ...blockProps,
+      children: [inspectorControls, /*#__PURE__*/_jsx(Placeholder, {
+        icon: pin,
+        label: __('Latest Posts'),
+        children: !Array.isArray(latestPosts) ? /*#__PURE__*/_jsx(Spinner, {}) : __('No posts found.')
+      })]
+    });
   }
 
   // Removing posts from display should be instant.
@@ -317,79 +332,93 @@ export default function LatestPostsEdit({
     isActive: postLayout === 'grid'
   }];
   const dateFormat = getSettings().formats.date;
-  return createElement(Fragment, null, inspectorControls, createElement(BlockControls, null, createElement(ToolbarGroup, {
-    controls: layoutControls
-  })), createElement("ul", {
-    ...blockProps
-  }, displayPosts.map(post => {
-    const titleTrimmed = post.title.rendered.trim();
-    let excerpt = post.excerpt.rendered;
-    const currentAuthor = authorList?.find(author => author.id === post.author);
-    const excerptElement = document.createElement('div');
-    excerptElement.innerHTML = excerpt;
-    excerpt = excerptElement.textContent || excerptElement.innerText || '';
-    const {
-      url: imageSourceUrl,
-      alt: featuredImageAlt
-    } = getFeaturedImageDetails(post, featuredImageSizeSlug);
-    const imageClasses = clsx({
-      'wp-block-latest-posts__featured-image': true,
-      [`align${featuredImageAlign}`]: !!featuredImageAlign
-    });
-    const renderFeaturedImage = displayFeaturedImage && imageSourceUrl;
-    const featuredImage = renderFeaturedImage && createElement("img", {
-      src: imageSourceUrl,
-      alt: featuredImageAlt,
-      style: {
-        maxWidth: featuredImageSizeWidth,
-        maxHeight: featuredImageSizeHeight
-      }
-    });
-    const needsReadMore = excerptLength < excerpt.trim().split(' ').length && post.excerpt.raw === '';
-    const postExcerpt = needsReadMore ? createElement(Fragment, null, excerpt.trim().split(' ', excerptLength).join(' '), createInterpolateElement(sprintf( /* translators: 1: Hidden accessibility text: Post title */
-    __('… <a>Read more<span>: %1$s</span></a>'), titleTrimmed || __('(no title)')), {
-      a:
-      // eslint-disable-next-line jsx-a11y/anchor-has-content
-      createElement("a", {
-        className: "wp-block-latest-posts__read-more",
-        href: post.link,
-        rel: "noopener noreferrer",
-        onClick: showRedirectionPreventedNotice
-      }),
-      span: createElement("span", {
-        className: "screen-reader-text"
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [inspectorControls, /*#__PURE__*/_jsx(BlockControls, {
+      children: /*#__PURE__*/_jsx(ToolbarGroup, {
+        controls: layoutControls
       })
-    })) : excerpt;
-    return createElement("li", {
-      key: post.id
-    }, renderFeaturedImage && createElement("div", {
-      className: imageClasses
-    }, addLinkToFeaturedImage ? createElement("a", {
-      href: post.link,
-      rel: "noreferrer noopener",
-      onClick: showRedirectionPreventedNotice
-    }, featuredImage) : featuredImage), createElement("a", {
-      className: "wp-block-latest-posts__post-title",
-      href: post.link,
-      rel: "noreferrer noopener",
-      dangerouslySetInnerHTML: !!titleTrimmed ? {
-        __html: titleTrimmed
-      } : undefined,
-      onClick: showRedirectionPreventedNotice
-    }, !titleTrimmed ? __('(no title)') : null), displayAuthor && currentAuthor && createElement("div", {
-      className: "wp-block-latest-posts__post-author"
-    }, sprintf( /* translators: byline. %s: current author. */
-    __('by %s'), currentAuthor.name)), displayPostDate && post.date_gmt && createElement("time", {
-      dateTime: format('c', post.date_gmt),
-      className: "wp-block-latest-posts__post-date"
-    }, dateI18n(dateFormat, post.date_gmt)), displayPostContent && displayPostContentRadio === 'excerpt' && createElement("div", {
-      className: "wp-block-latest-posts__post-excerpt"
-    }, postExcerpt), displayPostContent && displayPostContentRadio === 'full_post' && createElement("div", {
-      className: "wp-block-latest-posts__post-full-content",
-      dangerouslySetInnerHTML: {
-        __html: post.content.raw.trim()
-      }
-    }));
-  })));
+    }), /*#__PURE__*/_jsx("ul", {
+      ...blockProps,
+      children: displayPosts.map(post => {
+        const titleTrimmed = post.title.rendered.trim();
+        let excerpt = post.excerpt.rendered;
+        const currentAuthor = authorList?.find(author => author.id === post.author);
+        const excerptElement = document.createElement('div');
+        excerptElement.innerHTML = excerpt;
+        excerpt = excerptElement.textContent || excerptElement.innerText || '';
+        const {
+          url: imageSourceUrl,
+          alt: featuredImageAlt
+        } = getFeaturedImageDetails(post, featuredImageSizeSlug);
+        const imageClasses = clsx({
+          'wp-block-latest-posts__featured-image': true,
+          [`align${featuredImageAlign}`]: !!featuredImageAlign
+        });
+        const renderFeaturedImage = displayFeaturedImage && imageSourceUrl;
+        const featuredImage = renderFeaturedImage && /*#__PURE__*/_jsx("img", {
+          src: imageSourceUrl,
+          alt: featuredImageAlt,
+          style: {
+            maxWidth: featuredImageSizeWidth,
+            maxHeight: featuredImageSizeHeight
+          }
+        });
+        const needsReadMore = excerptLength < excerpt.trim().split(' ').length && post.excerpt.raw === '';
+        const postExcerpt = needsReadMore ? /*#__PURE__*/_jsxs(_Fragment, {
+          children: [excerpt.trim().split(' ', excerptLength).join(' '), createInterpolateElement(sprintf( /* translators: 1: Hidden accessibility text: Post title */
+          __('… <a>Read more<span>: %1$s</span></a>'), titleTrimmed || __('(no title)')), {
+            a:
+            /*#__PURE__*/
+            // eslint-disable-next-line jsx-a11y/anchor-has-content
+            _jsx("a", {
+              className: "wp-block-latest-posts__read-more",
+              href: post.link,
+              rel: "noopener noreferrer",
+              onClick: showRedirectionPreventedNotice
+            }),
+            span: /*#__PURE__*/_jsx("span", {
+              className: "screen-reader-text"
+            })
+          })]
+        }) : excerpt;
+        return /*#__PURE__*/_jsxs("li", {
+          children: [renderFeaturedImage && /*#__PURE__*/_jsx("div", {
+            className: imageClasses,
+            children: addLinkToFeaturedImage ? /*#__PURE__*/_jsx("a", {
+              href: post.link,
+              rel: "noreferrer noopener",
+              onClick: showRedirectionPreventedNotice,
+              children: featuredImage
+            }) : featuredImage
+          }), /*#__PURE__*/_jsx("a", {
+            className: "wp-block-latest-posts__post-title",
+            href: post.link,
+            rel: "noreferrer noopener",
+            dangerouslySetInnerHTML: !!titleTrimmed ? {
+              __html: titleTrimmed
+            } : undefined,
+            onClick: showRedirectionPreventedNotice,
+            children: !titleTrimmed ? __('(no title)') : null
+          }), displayAuthor && currentAuthor && /*#__PURE__*/_jsx("div", {
+            className: "wp-block-latest-posts__post-author",
+            children: sprintf( /* translators: byline. %s: current author. */
+            __('by %s'), currentAuthor.name)
+          }), displayPostDate && post.date_gmt && /*#__PURE__*/_jsx("time", {
+            dateTime: format('c', post.date_gmt),
+            className: "wp-block-latest-posts__post-date",
+            children: dateI18n(dateFormat, post.date_gmt)
+          }), displayPostContent && displayPostContentRadio === 'excerpt' && /*#__PURE__*/_jsx("div", {
+            className: "wp-block-latest-posts__post-excerpt",
+            children: postExcerpt
+          }), displayPostContent && displayPostContentRadio === 'full_post' && /*#__PURE__*/_jsx("div", {
+            className: "wp-block-latest-posts__post-full-content",
+            dangerouslySetInnerHTML: {
+              __html: post.content.raw.trim()
+            }
+          })]
+        }, post.id);
+      })
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map