@wordpress/block-library 8.35.0 → 9.0.0

package/build/latest-posts/edit.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LatestPostsEdit;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -18,6 +17,7 @@ var _notices = require("@wordpress/notices");
 var _compose = require("@wordpress/compose");
 var _element = require("@wordpress/element");
 var _constants = require("./constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -32,8 +32,7 @@ var _constants = require("./constants");
 
 /**
  * Module Constants
- */
-const CATEGORIES_LIST_QUERY = {
+ */const CATEGORIES_LIST_QUERY = {
   per_page: -1,
   context: 'view'
 };
@@ -158,136 +157,147 @@ function LatestPostsEdit({
     });
   };
   const hasPosts = !!latestPosts?.length;
-  const inspectorControls = (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Post content')
-  }, (0, _react.createElement)(_components.ToggleControl, {
-    label: (0, _i18n.__)('Post content'),
-    checked: displayPostContent,
-    onChange: value => setAttributes({
-      displayPostContent: value
-    })
-  }), displayPostContent && (0, _react.createElement)(_components.RadioControl, {
-    label: (0, _i18n.__)('Show:'),
-    selected: displayPostContentRadio,
-    options: [{
-      label: (0, _i18n.__)('Excerpt'),
-      value: 'excerpt'
-    }, {
-      label: (0, _i18n.__)('Full post'),
-      value: 'full_post'
-    }],
-    onChange: value => setAttributes({
-      displayPostContentRadio: value
-    })
-  }), displayPostContent && displayPostContentRadio === 'excerpt' && (0, _react.createElement)(_components.RangeControl, {
-    __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: true,
-    label: (0, _i18n.__)('Max number of words'),
-    value: excerptLength,
-    onChange: value => setAttributes({
-      excerptLength: value
-    }),
-    min: _constants.MIN_EXCERPT_LENGTH,
-    max: _constants.MAX_EXCERPT_LENGTH
-  })), (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Post meta')
-  }, (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Display author name'),
-    checked: displayAuthor,
-    onChange: value => setAttributes({
-      displayAuthor: value
-    })
-  }), (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Display post date'),
-    checked: displayPostDate,
-    onChange: value => setAttributes({
-      displayPostDate: value
-    })
-  })), (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Featured image')
-  }, (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Display featured image'),
-    checked: displayFeaturedImage,
-    onChange: value => setAttributes({
-      displayFeaturedImage: value
-    })
-  }), displayFeaturedImage && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.__experimentalImageSizeControl, {
-    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: (0, _i18n.__)('Select the size of the source image.'),
-    onChangeImage: value => setAttributes({
-      featuredImageSizeSlug: value,
-      featuredImageSizeWidth: undefined,
-      featuredImageSizeHeight: undefined
-    })
-  }), (0, _react.createElement)(_components.BaseControl, {
-    className: "editor-latest-posts-image-alignment-control"
-  }, (0, _react.createElement)(_components.BaseControl.VisualLabel, null, (0, _i18n.__)('Image alignment')), (0, _react.createElement)(_blockEditor.BlockAlignmentToolbar, {
-    value: featuredImageAlign,
-    onChange: value => setAttributes({
-      featuredImageAlign: value
-    }),
-    controls: ['left', 'center', 'right'],
-    isCollapsed: false
-  })), (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Add link to featured image'),
-    checked: addLinkToFeaturedImage,
-    onChange: value => setAttributes({
-      addLinkToFeaturedImage: value
-    })
-  }))), (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Sorting and filtering')
-  }, (0, _react.createElement)(_components.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' && (0, _react.createElement)(_components.RangeControl, {
-    __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: true,
-    label: (0, _i18n.__)('Columns'),
-    value: columns,
-    onChange: value => setAttributes({
-      columns: value
-    }),
-    min: 2,
-    max: !hasPosts ? _constants.MAX_POSTS_COLUMNS : Math.min(_constants.MAX_POSTS_COLUMNS, latestPosts.length),
-    required: true
-  })));
+  const inspectorControls = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.InspectorControls, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+      title: (0, _i18n.__)('Post content'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+        label: (0, _i18n.__)('Post content'),
+        checked: displayPostContent,
+        onChange: value => setAttributes({
+          displayPostContent: value
+        })
+      }), displayPostContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RadioControl, {
+        label: (0, _i18n.__)('Show:'),
+        selected: displayPostContentRadio,
+        options: [{
+          label: (0, _i18n.__)('Excerpt'),
+          value: 'excerpt'
+        }, {
+          label: (0, _i18n.__)('Full post'),
+          value: 'full_post'
+        }],
+        onChange: value => setAttributes({
+          displayPostContentRadio: value
+        })
+      }), displayPostContent && displayPostContentRadio === 'excerpt' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+        __nextHasNoMarginBottom: true,
+        __next40pxDefaultSize: true,
+        label: (0, _i18n.__)('Max number of words'),
+        value: excerptLength,
+        onChange: value => setAttributes({
+          excerptLength: value
+        }),
+        min: _constants.MIN_EXCERPT_LENGTH,
+        max: _constants.MAX_EXCERPT_LENGTH
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+      title: (0, _i18n.__)('Post meta'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+        __nextHasNoMarginBottom: true,
+        label: (0, _i18n.__)('Display author name'),
+        checked: displayAuthor,
+        onChange: value => setAttributes({
+          displayAuthor: value
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+        __nextHasNoMarginBottom: true,
+        label: (0, _i18n.__)('Display post date'),
+        checked: displayPostDate,
+        onChange: value => setAttributes({
+          displayPostDate: value
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+      title: (0, _i18n.__)('Featured image'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+        __nextHasNoMarginBottom: true,
+        label: (0, _i18n.__)('Display featured image'),
+        checked: displayFeaturedImage,
+        onChange: value => setAttributes({
+          displayFeaturedImage: value
+        })
+      }), displayFeaturedImage && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalImageSizeControl, {
+          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: (0, _i18n.__)('Select the size of the source image.'),
+          onChangeImage: value => setAttributes({
+            featuredImageSizeSlug: value,
+            featuredImageSizeWidth: undefined,
+            featuredImageSizeHeight: undefined
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.BaseControl, {
+          className: "editor-latest-posts-image-alignment-control",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl.VisualLabel, {
+            children: (0, _i18n.__)('Image alignment')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockAlignmentToolbar, {
+            value: featuredImageAlign,
+            onChange: value => setAttributes({
+              featuredImageAlign: value
+            }),
+            controls: ['left', 'center', 'right'],
+            isCollapsed: false
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: (0, _i18n.__)('Add link to featured image'),
+          checked: addLinkToFeaturedImage,
+          onChange: value => setAttributes({
+            addLinkToFeaturedImage: value
+          })
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+      title: (0, _i18n.__)('Sorting and filtering'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.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__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+        __nextHasNoMarginBottom: true,
+        __next40pxDefaultSize: true,
+        label: (0, _i18n.__)('Columns'),
+        value: columns,
+        onChange: value => setAttributes({
+          columns: value
+        }),
+        min: 2,
+        max: !hasPosts ? _constants.MAX_POSTS_COLUMNS : Math.min(_constants.MAX_POSTS_COLUMNS, latestPosts.length),
+        required: true
+      })]
+    })]
+  });
   const blockProps = (0, _blockEditor.useBlockProps)({
     className: (0, _clsx.default)({
       'wp-block-latest-posts__list': true,
@@ -298,12 +308,14 @@ function LatestPostsEdit({
     })
   });
   if (!hasPosts) {
-    return (0, _react.createElement)("div", {
-      ...blockProps
-    }, inspectorControls, (0, _react.createElement)(_components.Placeholder, {
-      icon: _icons.pin,
-      label: (0, _i18n.__)('Latest Posts')
-    }, !Array.isArray(latestPosts) ? (0, _react.createElement)(_components.Spinner, null) : (0, _i18n.__)('No posts found.')));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ...blockProps,
+      children: [inspectorControls, /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Placeholder, {
+        icon: _icons.pin,
+        label: (0, _i18n.__)('Latest Posts'),
+        children: !Array.isArray(latestPosts) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}) : (0, _i18n.__)('No posts found.')
+      })]
+    });
   }
 
   // Removing posts from display should be instant.
@@ -324,79 +336,93 @@ function LatestPostsEdit({
     isActive: postLayout === 'grid'
   }];
   const dateFormat = (0, _date.getSettings)().formats.date;
-  return (0, _react.createElement)(_react.Fragment, null, inspectorControls, (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_components.ToolbarGroup, {
-    controls: layoutControls
-  })), (0, _react.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 = (0, _clsx.default)({
-      'wp-block-latest-posts__featured-image': true,
-      [`align${featuredImageAlign}`]: !!featuredImageAlign
-    });
-    const renderFeaturedImage = displayFeaturedImage && imageSourceUrl;
-    const featuredImage = renderFeaturedImage && (0, _react.createElement)("img", {
-      src: imageSourceUrl,
-      alt: featuredImageAlt,
-      style: {
-        maxWidth: featuredImageSizeWidth,
-        maxHeight: featuredImageSizeHeight
-      }
-    });
-    const needsReadMore = excerptLength < excerpt.trim().split(' ').length && post.excerpt.raw === '';
-    const postExcerpt = needsReadMore ? (0, _react.createElement)(_react.Fragment, null, excerpt.trim().split(' ', excerptLength).join(' '), (0, _element.createInterpolateElement)((0, _i18n.sprintf)( /* translators: 1: Hidden accessibility text: Post title */
-    (0, _i18n.__)('… <a>Read more<span>: %1$s</span></a>'), titleTrimmed || (0, _i18n.__)('(no title)')), {
-      a:
-      // eslint-disable-next-line jsx-a11y/anchor-has-content
-      (0, _react.createElement)("a", {
-        className: "wp-block-latest-posts__read-more",
-        href: post.link,
-        rel: "noopener noreferrer",
-        onClick: showRedirectionPreventedNotice
-      }),
-      span: (0, _react.createElement)("span", {
-        className: "screen-reader-text"
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [inspectorControls, /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
+        controls: layoutControls
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.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 = (0, _clsx.default)({
+          'wp-block-latest-posts__featured-image': true,
+          [`align${featuredImageAlign}`]: !!featuredImageAlign
+        });
+        const renderFeaturedImage = displayFeaturedImage && imageSourceUrl;
+        const featuredImage = renderFeaturedImage && /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [excerpt.trim().split(' ', excerptLength).join(' '), (0, _element.createInterpolateElement)((0, _i18n.sprintf)( /* translators: 1: Hidden accessibility text: Post title */
+          (0, _i18n.__)('… <a>Read more<span>: %1$s</span></a>'), titleTrimmed || (0, _i18n.__)('(no title)')), {
+            a:
+            /*#__PURE__*/
+            // eslint-disable-next-line jsx-a11y/anchor-has-content
+            (0, _jsxRuntime.jsx)("a", {
+              className: "wp-block-latest-posts__read-more",
+              href: post.link,
+              rel: "noopener noreferrer",
+              onClick: showRedirectionPreventedNotice
+            }),
+            span: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "screen-reader-text"
+            })
+          })]
+        }) : excerpt;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+          children: [renderFeaturedImage && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: imageClasses,
+            children: addLinkToFeaturedImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              href: post.link,
+              rel: "noreferrer noopener",
+              onClick: showRedirectionPreventedNotice,
+              children: featuredImage
+            }) : featuredImage
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+            className: "wp-block-latest-posts__post-title",
+            href: post.link,
+            rel: "noreferrer noopener",
+            dangerouslySetInnerHTML: !!titleTrimmed ? {
+              __html: titleTrimmed
+            } : undefined,
+            onClick: showRedirectionPreventedNotice,
+            children: !titleTrimmed ? (0, _i18n.__)('(no title)') : null
+          }), displayAuthor && currentAuthor && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "wp-block-latest-posts__post-author",
+            children: (0, _i18n.sprintf)( /* translators: byline. %s: current author. */
+            (0, _i18n.__)('by %s'), currentAuthor.name)
+          }), displayPostDate && post.date_gmt && /*#__PURE__*/(0, _jsxRuntime.jsx)("time", {
+            dateTime: (0, _date.format)('c', post.date_gmt),
+            className: "wp-block-latest-posts__post-date",
+            children: (0, _date.dateI18n)(dateFormat, post.date_gmt)
+          }), displayPostContent && displayPostContentRadio === 'excerpt' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "wp-block-latest-posts__post-excerpt",
+            children: postExcerpt
+          }), displayPostContent && displayPostContentRadio === 'full_post' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "wp-block-latest-posts__post-full-content",
+            dangerouslySetInnerHTML: {
+              __html: post.content.raw.trim()
+            }
+          })]
+        }, post.id);
       })
-    })) : excerpt;
-    return (0, _react.createElement)("li", {
-      key: post.id
-    }, renderFeaturedImage && (0, _react.createElement)("div", {
-      className: imageClasses
-    }, addLinkToFeaturedImage ? (0, _react.createElement)("a", {
-      href: post.link,
-      rel: "noreferrer noopener",
-      onClick: showRedirectionPreventedNotice
-    }, featuredImage) : featuredImage), (0, _react.createElement)("a", {
-      className: "wp-block-latest-posts__post-title",
-      href: post.link,
-      rel: "noreferrer noopener",
-      dangerouslySetInnerHTML: !!titleTrimmed ? {
-        __html: titleTrimmed
-      } : undefined,
-      onClick: showRedirectionPreventedNotice
-    }, !titleTrimmed ? (0, _i18n.__)('(no title)') : null), displayAuthor && currentAuthor && (0, _react.createElement)("div", {
-      className: "wp-block-latest-posts__post-author"
-    }, (0, _i18n.sprintf)( /* translators: byline. %s: current author. */
-    (0, _i18n.__)('by %s'), currentAuthor.name)), displayPostDate && post.date_gmt && (0, _react.createElement)("time", {
-      dateTime: (0, _date.format)('c', post.date_gmt),
-      className: "wp-block-latest-posts__post-date"
-    }, (0, _date.dateI18n)(dateFormat, post.date_gmt)), displayPostContent && displayPostContentRadio === 'excerpt' && (0, _react.createElement)("div", {
-      className: "wp-block-latest-posts__post-excerpt"
-    }, postExcerpt), displayPostContent && displayPostContentRadio === 'full_post' && (0, _react.createElement)("div", {
-      className: "wp-block-latest-posts__post-full-content",
-      dangerouslySetInnerHTML: {
-        __html: post.content.raw.trim()
-      }
-    }));
-  })));
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map