@wordpress/block-library 9.31.1-next.f56bd8138.0 → 9.33.0

package/build-module/gallery/deprecated.js

@@ -1,49 +1,22 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { RichText, useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
-import { createBlock } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import { LINK_DESTINATION_ATTACHMENT, LINK_DESTINATION_MEDIA, LINK_DESTINATION_NONE } from './constants';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DEPRECATED_LINK_DESTINATION_MEDIA = 'file';
-const DEPRECATED_LINK_DESTINATION_ATTACHMENT = 'post';
-
-/**
- * Original function to determine default number of columns from a block's
- * attributes.
- *
- * Used in deprecations: v1-6, for versions of the gallery block that didn't use inner blocks.
- *
- * @param {Object} attributes Block attributes.
- * @return {number}           Default number of columns for the gallery.
- */
-export function defaultColumnsNumberV1(attributes) {
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  RichText,
+  useBlockProps,
+  useInnerBlocksProps
+} from "@wordpress/block-editor";
+import { createBlock } from "@wordpress/blocks";
+import {
+  LINK_DESTINATION_ATTACHMENT,
+  LINK_DESTINATION_MEDIA,
+  LINK_DESTINATION_NONE
+} from "./constants";
+const DEPRECATED_LINK_DESTINATION_MEDIA = "file";
+const DEPRECATED_LINK_DESTINATION_ATTACHMENT = "post";
+function defaultColumnsNumberV1(attributes) {
   return Math.min(3, attributes?.images?.length);
 }
-
-/**
- * Original function to determine new href and linkDestination values for an image block from the
- * supplied Gallery link destination.
- *
- * Used in deprecations: v1-6.
- *
- * @param {Object} image       Gallery image.
- * @param {string} destination Gallery's selected link destination.
- * @return {Object}            New attributes to assign to image block.
- */
-export function getHrefAndDestination(image, destination) {
-  // Need to determine the URL that the selected destination maps to.
-  // Gutenberg and WordPress use different constants so the new link
-  // destination also needs to be tweaked.
+function getHrefAndDestination(image, destination) {
   switch (destination) {
     case DEPRECATED_LINK_DESTINATION_MEDIA:
       return {
@@ -69,48 +42,35 @@ export function getHrefAndDestination(image, destination) {
       };
     case LINK_DESTINATION_NONE:
       return {
-        href: undefined,
+        href: void 0,
         linkDestination: LINK_DESTINATION_NONE
       };
   }
   return {};
 }
 function runV2Migration(attributes) {
-  let linkTo = attributes.linkTo ? attributes.linkTo : 'none';
-  if (linkTo === 'post') {
-    linkTo = 'attachment';
-  } else if (linkTo === 'file') {
-    linkTo = 'media';
+  let linkTo = attributes.linkTo ? attributes.linkTo : "none";
+  if (linkTo === "post") {
+    linkTo = "attachment";
+  } else if (linkTo === "file") {
+    linkTo = "media";
   }
-  const imageBlocks = attributes.images.map(image => {
+  const imageBlocks = attributes.images.map((image) => {
     return getImageBlock(image, attributes.sizeSlug, linkTo);
   });
-  const {
-    images,
-    ids,
-    ...restAttributes
-  } = attributes;
-  return [{
-    ...restAttributes,
-    linkTo,
-    allowResize: false
-  }, imageBlocks];
+  const { images, ids, ...restAttributes } = attributes;
+  return [
+    {
+      ...restAttributes,
+      linkTo,
+      allowResize: false
+    },
+    imageBlocks
+  ];
 }
-/**
- * Gets an Image block from gallery image data
- *
- * Used to migrate Galleries to nested Image InnerBlocks.
- *
- * @param {Object} image    Image properties.
- * @param {string} sizeSlug Gallery sizeSlug attribute.
- * @param {string} linkTo   Gallery linkTo attribute.
- * @return {Object}         Image block.
- */
-export function getImageBlock(image, sizeSlug, linkTo) {
-  return createBlock('core/image', {
-    ...(image.id && {
-      id: parseInt(image.id)
-    }),
+function getImageBlock(image, sizeSlug, linkTo) {
+  return createBlock("core/image", {
+    ...image.id && { id: parseInt(image.id) },
     url: image.url,
     alt: image.alt,
     caption: image.caption,
@@ -118,215 +78,205 @@ export function getImageBlock(image, sizeSlug, linkTo) {
     ...getHrefAndDestination(image, linkTo)
   });
 }
-
-// In #41140 support was added to global styles for caption elements which added a `wp-element-caption` classname
-// to the gallery figcaption element.
 const v7 = {
   attributes: {
     images: {
-      type: 'array',
+      type: "array",
       default: [],
-      source: 'query',
-      selector: '.blocks-gallery-item',
+      source: "query",
+      selector: ".blocks-gallery-item",
       query: {
         url: {
-          type: 'string',
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'src'
+          type: "string",
+          source: "attribute",
+          selector: "img",
+          attribute: "src"
         },
         fullUrl: {
-          type: 'string',
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-full-url'
+          type: "string",
+          source: "attribute",
+          selector: "img",
+          attribute: "data-full-url"
         },
         link: {
-          type: 'string',
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-link'
+          type: "string",
+          source: "attribute",
+          selector: "img",
+          attribute: "data-link"
         },
         alt: {
-          type: 'string',
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'alt',
-          default: ''
+          type: "string",
+          source: "attribute",
+          selector: "img",
+          attribute: "alt",
+          default: ""
         },
         id: {
-          type: 'string',
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-id'
+          type: "string",
+          source: "attribute",
+          selector: "img",
+          attribute: "data-id"
         },
         caption: {
-          type: 'string',
-          source: 'html',
-          selector: '.blocks-gallery-item__caption'
+          type: "string",
+          source: "html",
+          selector: ".blocks-gallery-item__caption"
         }
       }
     },
     ids: {
-      type: 'array',
+      type: "array",
       items: {
-        type: 'number'
+        type: "number"
       },
       default: []
     },
     shortCodeTransforms: {
-      type: 'array',
+      type: "array",
       default: [],
       items: {
-        type: 'object'
+        type: "object"
       }
     },
     columns: {
-      type: 'number',
+      type: "number",
       minimum: 1,
       maximum: 8
     },
     caption: {
-      type: 'string',
-      source: 'html',
-      selector: '.blocks-gallery-caption'
+      type: "string",
+      source: "html",
+      selector: ".blocks-gallery-caption"
     },
     imageCrop: {
-      type: 'boolean',
+      type: "boolean",
       default: true
     },
     fixedHeight: {
-      type: 'boolean',
+      type: "boolean",
       default: true
     },
     linkTarget: {
-      type: 'string'
+      type: "string"
     },
     linkTo: {
-      type: 'string'
+      type: "string"
     },
     sizeSlug: {
-      type: 'string',
-      default: 'large'
+      type: "string",
+      default: "large"
     },
     allowResize: {
-      type: 'boolean',
+      type: "boolean",
       default: false
     }
   },
-  save({
-    attributes
-  }) {
-    const {
-      caption,
-      columns,
-      imageCrop
-    } = attributes;
-    const className = clsx('has-nested-images', {
-      [`columns-${columns}`]: columns !== undefined,
-      [`columns-default`]: columns === undefined,
-      'is-cropped': imageCrop
-    });
-    const blockProps = useBlockProps.save({
-      className
+  save({ attributes }) {
+    const { caption, columns, imageCrop } = attributes;
+    const className = clsx("has-nested-images", {
+      [`columns-${columns}`]: columns !== void 0,
+      [`columns-default`]: columns === void 0,
+      "is-cropped": imageCrop
     });
+    const blockProps = useBlockProps.save({ className });
     const innerBlocksProps = useInnerBlocksProps.save(blockProps);
-    return /*#__PURE__*/_jsxs("figure", {
-      ...innerBlocksProps,
-      children: [innerBlocksProps.children, !RichText.isEmpty(caption) && /*#__PURE__*/_jsx(RichText.Content, {
-        tagName: "figcaption",
-        className: "blocks-gallery-caption",
-        value: caption
-      })]
-    });
+    return /* @__PURE__ */ jsxs("figure", { ...innerBlocksProps, children: [
+      innerBlocksProps.children,
+      !RichText.isEmpty(caption) && /* @__PURE__ */ jsx(
+        RichText.Content,
+        {
+          tagName: "figcaption",
+          className: "blocks-gallery-caption",
+          value: caption
+        }
+      )
+    ] });
   }
 };
 const v6 = {
   attributes: {
     images: {
-      type: 'array',
+      type: "array",
       default: [],
-      source: 'query',
-      selector: '.blocks-gallery-item',
+      source: "query",
+      selector: ".blocks-gallery-item",
       query: {
         url: {
-          type: 'string',
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'src'
+          type: "string",
+          source: "attribute",
+          selector: "img",
+          attribute: "src"
         },
         fullUrl: {
-          type: 'string',
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-full-url'
+          type: "string",
+          source: "attribute",
+          selector: "img",
+          attribute: "data-full-url"
         },
         link: {
-          type: 'string',
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-link'
+          type: "string",
+          source: "attribute",
+          selector: "img",
+          attribute: "data-link"
         },
         alt: {
-          type: 'string',
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'alt',
-          default: ''
+          type: "string",
+          source: "attribute",
+          selector: "img",
+          attribute: "alt",
+          default: ""
         },
         id: {
-          type: 'string',
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-id'
+          type: "string",
+          source: "attribute",
+          selector: "img",
+          attribute: "data-id"
         },
         caption: {
-          type: 'string',
-          source: 'html',
-          selector: '.blocks-gallery-item__caption'
+          type: "string",
+          source: "html",
+          selector: ".blocks-gallery-item__caption"
         }
       }
     },
     ids: {
-      type: 'array',
+      type: "array",
       items: {
-        type: 'number'
+        type: "number"
       },
       default: []
     },
     columns: {
-      type: 'number',
+      type: "number",
       minimum: 1,
       maximum: 8
     },
     caption: {
-      type: 'string',
-      source: 'html',
-      selector: '.blocks-gallery-caption'
+      type: "string",
+      source: "html",
+      selector: ".blocks-gallery-caption"
     },
     imageCrop: {
-      type: 'boolean',
+      type: "boolean",
       default: true
     },
     fixedHeight: {
-      type: 'boolean',
+      type: "boolean",
       default: true
     },
     linkTo: {
-      type: 'string'
+      type: "string"
     },
     sizeSlug: {
-      type: 'string',
-      default: 'large'
+      type: "string",
+      default: "large"
     }
   },
   supports: {
     anchor: true,
     align: true
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       images,
       columns = defaultColumnsNumberV1(attributes),
@@ -334,51 +284,57 @@ const v6 = {
       caption,
       linkTo
     } = attributes;
-    const className = `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`;
-    return /*#__PURE__*/_jsxs("figure", {
-      ...useBlockProps.save({
-        className
-      }),
-      children: [/*#__PURE__*/_jsx("ul", {
-        className: "blocks-gallery-grid",
-        children: images.map(image => {
-          let href;
-          switch (linkTo) {
-            case DEPRECATED_LINK_DESTINATION_MEDIA:
-              href = image.fullUrl || image.url;
-              break;
-            case DEPRECATED_LINK_DESTINATION_ATTACHMENT:
-              href = image.link;
-              break;
-          }
-          const img = /*#__PURE__*/_jsx("img", {
+    const className = `columns-${columns} ${imageCrop ? "is-cropped" : ""}`;
+    return /* @__PURE__ */ jsxs("figure", { ...useBlockProps.save({ className }), children: [
+      /* @__PURE__ */ jsx("ul", { className: "blocks-gallery-grid", children: images.map((image) => {
+        let href;
+        switch (linkTo) {
+          case DEPRECATED_LINK_DESTINATION_MEDIA:
+            href = image.fullUrl || image.url;
+            break;
+          case DEPRECATED_LINK_DESTINATION_ATTACHMENT:
+            href = image.link;
+            break;
+        }
+        const img = /* @__PURE__ */ jsx(
+          "img",
+          {
             src: image.url,
             alt: image.alt,
             "data-id": image.id,
             "data-full-url": image.fullUrl,
             "data-link": image.link,
             className: image.id ? `wp-image-${image.id}` : null
-          });
-          return /*#__PURE__*/_jsx("li", {
+          }
+        );
+        return /* @__PURE__ */ jsx(
+          "li",
+          {
             className: "blocks-gallery-item",
-            children: /*#__PURE__*/_jsxs("figure", {
-              children: [href ? /*#__PURE__*/_jsx("a", {
-                href: href,
-                children: img
-              }) : img, !RichText.isEmpty(image.caption) && /*#__PURE__*/_jsx(RichText.Content, {
-                tagName: "figcaption",
-                className: "blocks-gallery-item__caption",
-                value: image.caption
-              })]
-            })
-          }, image.id || image.url);
-        })
-      }), !RichText.isEmpty(caption) && /*#__PURE__*/_jsx(RichText.Content, {
-        tagName: "figcaption",
-        className: "blocks-gallery-caption",
-        value: caption
-      })]
-    });
+            children: /* @__PURE__ */ jsxs("figure", { children: [
+              href ? /* @__PURE__ */ jsx("a", { href, children: img }) : img,
+              !RichText.isEmpty(image.caption) && /* @__PURE__ */ jsx(
+                RichText.Content,
+                {
+                  tagName: "figcaption",
+                  className: "blocks-gallery-item__caption",
+                  value: image.caption
+                }
+              )
+            ] })
+          },
+          image.id || image.url
+        );
+      }) }),
+      !RichText.isEmpty(caption) && /* @__PURE__ */ jsx(
+        RichText.Content,
+        {
+          tagName: "figcaption",
+          className: "blocks-gallery-caption",
+          value: caption
+        }
+      )
+    ] });
   },
   migrate(attributes) {
     return runV2Migration(attributes);
@@ -387,93 +343,89 @@ const v6 = {
 const v5 = {
   attributes: {
     images: {
-      type: 'array',
+      type: "array",
       default: [],
-      source: 'query',
-      selector: '.blocks-gallery-item',
+      source: "query",
+      selector: ".blocks-gallery-item",
       query: {
         url: {
-          type: 'string',
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'src'
+          type: "string",
+          source: "attribute",
+          selector: "img",
+          attribute: "src"
         },
         fullUrl: {
-          type: 'string',
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-full-url'
+          type: "string",
+          source: "attribute",
+          selector: "img",
+          attribute: "data-full-url"
         },
         link: {
-          type: 'string',
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-link'
+          type: "string",
+          source: "attribute",
+          selector: "img",
+          attribute: "data-link"
         },
         alt: {
-          type: 'string',
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'alt',
-          default: ''
+          type: "string",
+          source: "attribute",
+          selector: "img",
+          attribute: "alt",
+          default: ""
         },
         id: {
-          type: 'string',
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-id'
+          type: "string",
+          source: "attribute",
+          selector: "img",
+          attribute: "data-id"
         },
         caption: {
-          type: 'string',
-          source: 'html',
-          selector: '.blocks-gallery-item__caption'
+          type: "string",
+          source: "html",
+          selector: ".blocks-gallery-item__caption"
         }
       }
     },
     ids: {
-      type: 'array',
+      type: "array",
       items: {
-        type: 'number'
+        type: "number"
       },
       default: []
     },
     columns: {
-      type: 'number',
+      type: "number",
       minimum: 1,
       maximum: 8
     },
     caption: {
-      type: 'string',
-      source: 'html',
-      selector: '.blocks-gallery-caption'
+      type: "string",
+      source: "html",
+      selector: ".blocks-gallery-caption"
     },
     imageCrop: {
-      type: 'boolean',
+      type: "boolean",
       default: true
     },
     linkTo: {
-      type: 'string',
-      default: 'none'
+      type: "string",
+      default: "none"
     },
     sizeSlug: {
-      type: 'string',
-      default: 'large'
+      type: "string",
+      default: "large"
     }
   },
   supports: {
     align: true
   },
-  isEligible({
-    linkTo
-  }) {
-    return !linkTo || linkTo === 'attachment' || linkTo === 'media';
+  isEligible({ linkTo }) {
+    return !linkTo || linkTo === "attachment" || linkTo === "media";
   },
   migrate(attributes) {
     return runV2Migration(attributes);
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       images,
       columns = defaultColumnsNumberV1(attributes),
@@ -481,126 +433,136 @@ const v5 = {
       caption,
       linkTo
     } = attributes;
-    return /*#__PURE__*/_jsxs("figure", {
-      className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`,
-      children: [/*#__PURE__*/_jsx("ul", {
-        className: "blocks-gallery-grid",
-        children: images.map(image => {
-          let href;
-          switch (linkTo) {
-            case 'media':
-              href = image.fullUrl || image.url;
-              break;
-            case 'attachment':
-              href = image.link;
-              break;
-          }
-          const img = /*#__PURE__*/_jsx("img", {
-            src: image.url,
-            alt: image.alt,
-            "data-id": image.id,
-            "data-full-url": image.fullUrl,
-            "data-link": image.link,
-            className: image.id ? `wp-image-${image.id}` : null
-          });
-          return /*#__PURE__*/_jsx("li", {
-            className: "blocks-gallery-item",
-            children: /*#__PURE__*/_jsxs("figure", {
-              children: [href ? /*#__PURE__*/_jsx("a", {
-                href: href,
-                children: img
-              }) : img, !RichText.isEmpty(image.caption) && /*#__PURE__*/_jsx(RichText.Content, {
-                tagName: "figcaption",
-                className: "blocks-gallery-item__caption",
-                value: image.caption
-              })]
-            })
-          }, image.id || image.url);
-        })
-      }), !RichText.isEmpty(caption) && /*#__PURE__*/_jsx(RichText.Content, {
-        tagName: "figcaption",
-        className: "blocks-gallery-caption",
-        value: caption
-      })]
-    });
+    return /* @__PURE__ */ jsxs(
+      "figure",
+      {
+        className: `columns-${columns} ${imageCrop ? "is-cropped" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx("ul", { className: "blocks-gallery-grid", children: images.map((image) => {
+            let href;
+            switch (linkTo) {
+              case "media":
+                href = image.fullUrl || image.url;
+                break;
+              case "attachment":
+                href = image.link;
+                break;
+            }
+            const img = /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: image.url,
+                alt: image.alt,
+                "data-id": image.id,
+                "data-full-url": image.fullUrl,
+                "data-link": image.link,
+                className: image.id ? `wp-image-${image.id}` : null
+              }
+            );
+            return /* @__PURE__ */ jsx(
+              "li",
+              {
+                className: "blocks-gallery-item",
+                children: /* @__PURE__ */ jsxs("figure", { children: [
+                  href ? /* @__PURE__ */ jsx("a", { href, children: img }) : img,
+                  !RichText.isEmpty(image.caption) && /* @__PURE__ */ jsx(
+                    RichText.Content,
+                    {
+                      tagName: "figcaption",
+                      className: "blocks-gallery-item__caption",
+                      value: image.caption
+                    }
+                  )
+                ] })
+              },
+              image.id || image.url
+            );
+          }) }),
+          !RichText.isEmpty(caption) && /* @__PURE__ */ jsx(
+            RichText.Content,
+            {
+              tagName: "figcaption",
+              className: "blocks-gallery-caption",
+              value: caption
+            }
+          )
+        ]
+      }
+    );
   }
 };
 const v4 = {
   attributes: {
     images: {
-      type: 'array',
+      type: "array",
       default: [],
-      source: 'query',
-      selector: '.blocks-gallery-item',
+      source: "query",
+      selector: ".blocks-gallery-item",
       query: {
         url: {
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'src'
+          source: "attribute",
+          selector: "img",
+          attribute: "src"
         },
         fullUrl: {
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-full-url'
+          source: "attribute",
+          selector: "img",
+          attribute: "data-full-url"
         },
         link: {
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-link'
+          source: "attribute",
+          selector: "img",
+          attribute: "data-link"
         },
         alt: {
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'alt',
-          default: ''
+          source: "attribute",
+          selector: "img",
+          attribute: "alt",
+          default: ""
         },
         id: {
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-id'
+          source: "attribute",
+          selector: "img",
+          attribute: "data-id"
         },
         caption: {
-          type: 'string',
-          source: 'html',
-          selector: '.blocks-gallery-item__caption'
+          type: "string",
+          source: "html",
+          selector: ".blocks-gallery-item__caption"
         }
       }
     },
     ids: {
-      type: 'array',
+      type: "array",
       default: []
     },
     columns: {
-      type: 'number'
+      type: "number"
     },
     caption: {
-      type: 'string',
-      source: 'html',
-      selector: '.blocks-gallery-caption'
+      type: "string",
+      source: "html",
+      selector: ".blocks-gallery-caption"
     },
     imageCrop: {
-      type: 'boolean',
+      type: "boolean",
       default: true
     },
     linkTo: {
-      type: 'string',
-      default: 'none'
+      type: "string",
+      default: "none"
     }
   },
   supports: {
     align: true
   },
-  isEligible({
-    ids
-  }) {
-    return ids && ids.some(id => typeof id === 'string');
+  isEligible({ ids }) {
+    return ids && ids.some((id) => typeof id === "string");
   },
   migrate(attributes) {
     return runV2Migration(attributes);
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       images,
       columns = defaultColumnsNumberV1(attributes),
@@ -608,153 +570,176 @@ const v4 = {
       caption,
       linkTo
     } = attributes;
-    return /*#__PURE__*/_jsxs("figure", {
-      className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`,
-      children: [/*#__PURE__*/_jsx("ul", {
-        className: "blocks-gallery-grid",
-        children: images.map(image => {
-          let href;
-          switch (linkTo) {
-            case 'media':
-              href = image.fullUrl || image.url;
-              break;
-            case 'attachment':
-              href = image.link;
-              break;
-          }
-          const img = /*#__PURE__*/_jsx("img", {
-            src: image.url,
-            alt: image.alt,
-            "data-id": image.id,
-            "data-full-url": image.fullUrl,
-            "data-link": image.link,
-            className: image.id ? `wp-image-${image.id}` : null
-          });
-          return /*#__PURE__*/_jsx("li", {
-            className: "blocks-gallery-item",
-            children: /*#__PURE__*/_jsxs("figure", {
-              children: [href ? /*#__PURE__*/_jsx("a", {
-                href: href,
-                children: img
-              }) : img, !RichText.isEmpty(image.caption) && /*#__PURE__*/_jsx(RichText.Content, {
-                tagName: "figcaption",
-                className: "blocks-gallery-item__caption",
-                value: image.caption
-              })]
-            })
-          }, image.id || image.url);
-        })
-      }), !RichText.isEmpty(caption) && /*#__PURE__*/_jsx(RichText.Content, {
-        tagName: "figcaption",
-        className: "blocks-gallery-caption",
-        value: caption
-      })]
-    });
+    return /* @__PURE__ */ jsxs(
+      "figure",
+      {
+        className: `columns-${columns} ${imageCrop ? "is-cropped" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx("ul", { className: "blocks-gallery-grid", children: images.map((image) => {
+            let href;
+            switch (linkTo) {
+              case "media":
+                href = image.fullUrl || image.url;
+                break;
+              case "attachment":
+                href = image.link;
+                break;
+            }
+            const img = /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: image.url,
+                alt: image.alt,
+                "data-id": image.id,
+                "data-full-url": image.fullUrl,
+                "data-link": image.link,
+                className: image.id ? `wp-image-${image.id}` : null
+              }
+            );
+            return /* @__PURE__ */ jsx(
+              "li",
+              {
+                className: "blocks-gallery-item",
+                children: /* @__PURE__ */ jsxs("figure", { children: [
+                  href ? /* @__PURE__ */ jsx("a", { href, children: img }) : img,
+                  !RichText.isEmpty(image.caption) && /* @__PURE__ */ jsx(
+                    RichText.Content,
+                    {
+                      tagName: "figcaption",
+                      className: "blocks-gallery-item__caption",
+                      value: image.caption
+                    }
+                  )
+                ] })
+              },
+              image.id || image.url
+            );
+          }) }),
+          !RichText.isEmpty(caption) && /* @__PURE__ */ jsx(
+            RichText.Content,
+            {
+              tagName: "figcaption",
+              className: "blocks-gallery-caption",
+              value: caption
+            }
+          )
+        ]
+      }
+    );
   }
 };
 const v3 = {
   attributes: {
     images: {
-      type: 'array',
+      type: "array",
       default: [],
-      source: 'query',
-      selector: 'ul.wp-block-gallery .blocks-gallery-item',
+      source: "query",
+      selector: "ul.wp-block-gallery .blocks-gallery-item",
       query: {
         url: {
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'src'
+          source: "attribute",
+          selector: "img",
+          attribute: "src"
         },
         fullUrl: {
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-full-url'
+          source: "attribute",
+          selector: "img",
+          attribute: "data-full-url"
         },
         alt: {
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'alt',
-          default: ''
+          source: "attribute",
+          selector: "img",
+          attribute: "alt",
+          default: ""
         },
         id: {
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-id'
+          source: "attribute",
+          selector: "img",
+          attribute: "data-id"
         },
         link: {
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-link'
+          source: "attribute",
+          selector: "img",
+          attribute: "data-link"
         },
         caption: {
-          type: 'string',
-          source: 'html',
-          selector: 'figcaption'
+          type: "string",
+          source: "html",
+          selector: "figcaption"
         }
       }
     },
     ids: {
-      type: 'array',
+      type: "array",
       default: []
     },
     columns: {
-      type: 'number'
+      type: "number"
     },
     imageCrop: {
-      type: 'boolean',
+      type: "boolean",
       default: true
     },
     linkTo: {
-      type: 'string',
-      default: 'none'
+      type: "string",
+      default: "none"
     }
   },
   supports: {
     align: true
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       images,
       columns = defaultColumnsNumberV1(attributes),
       imageCrop,
       linkTo
     } = attributes;
-    return /*#__PURE__*/_jsx("ul", {
-      className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`,
-      children: images.map(image => {
-        let href;
-        switch (linkTo) {
-          case 'media':
-            href = image.fullUrl || image.url;
-            break;
-          case 'attachment':
-            href = image.link;
-            break;
-        }
-        const img = /*#__PURE__*/_jsx("img", {
-          src: image.url,
-          alt: image.alt,
-          "data-id": image.id,
-          "data-full-url": image.fullUrl,
-          "data-link": image.link,
-          className: image.id ? `wp-image-${image.id}` : null
-        });
-        return /*#__PURE__*/_jsx("li", {
-          className: "blocks-gallery-item",
-          children: /*#__PURE__*/_jsxs("figure", {
-            children: [href ? /*#__PURE__*/_jsx("a", {
-              href: href,
-              children: img
-            }) : img, image.caption && image.caption.length > 0 && /*#__PURE__*/_jsx(RichText.Content, {
-              tagName: "figcaption",
-              value: image.caption
-            })]
-          })
-        }, image.id || image.url);
-      })
-    });
+    return /* @__PURE__ */ jsx(
+      "ul",
+      {
+        className: `columns-${columns} ${imageCrop ? "is-cropped" : ""}`,
+        children: images.map((image) => {
+          let href;
+          switch (linkTo) {
+            case "media":
+              href = image.fullUrl || image.url;
+              break;
+            case "attachment":
+              href = image.link;
+              break;
+          }
+          const img = /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: image.url,
+              alt: image.alt,
+              "data-id": image.id,
+              "data-full-url": image.fullUrl,
+              "data-link": image.link,
+              className: image.id ? `wp-image-${image.id}` : null
+            }
+          );
+          return /* @__PURE__ */ jsx(
+            "li",
+            {
+              className: "blocks-gallery-item",
+              children: /* @__PURE__ */ jsxs("figure", { children: [
+                href ? /* @__PURE__ */ jsx("a", { href, children: img }) : img,
+                image.caption && image.caption.length > 0 && /* @__PURE__ */ jsx(
+                  RichText.Content,
+                  {
+                    tagName: "figcaption",
+                    value: image.caption
+                  }
+                )
+              ] })
+            },
+            image.id || image.url
+          );
+        })
+      }
+    );
   },
   migrate(attributes) {
     return runV2Migration(attributes);
@@ -763,55 +748,52 @@ const v3 = {
 const v2 = {
   attributes: {
     images: {
-      type: 'array',
+      type: "array",
       default: [],
-      source: 'query',
-      selector: 'ul.wp-block-gallery .blocks-gallery-item',
+      source: "query",
+      selector: "ul.wp-block-gallery .blocks-gallery-item",
       query: {
         url: {
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'src'
+          source: "attribute",
+          selector: "img",
+          attribute: "src"
         },
         alt: {
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'alt',
-          default: ''
+          source: "attribute",
+          selector: "img",
+          attribute: "alt",
+          default: ""
         },
         id: {
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-id'
+          source: "attribute",
+          selector: "img",
+          attribute: "data-id"
         },
         link: {
-          source: 'attribute',
-          selector: 'img',
-          attribute: 'data-link'
+          source: "attribute",
+          selector: "img",
+          attribute: "data-link"
         },
         caption: {
-          type: 'string',
-          source: 'html',
-          selector: 'figcaption'
+          type: "string",
+          source: "html",
+          selector: "figcaption"
         }
       }
     },
     columns: {
-      type: 'number'
+      type: "number"
     },
     imageCrop: {
-      type: 'boolean',
+      type: "boolean",
       default: true
     },
     linkTo: {
-      type: 'string',
-      default: 'none'
+      type: "string",
+      default: "none"
     }
   },
-  isEligible({
-    images,
-    ids
-  }) {
+  isEligible({ images, ids }) {
     return images && images.length > 0 && (!ids && images || ids && images && ids.length !== images.length || images.some((id, index) => {
       if (!id && ids[index] !== null) {
         return true;
@@ -825,95 +807,102 @@ const v2 = {
   supports: {
     align: true
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       images,
       columns = defaultColumnsNumberV1(attributes),
       imageCrop,
       linkTo
     } = attributes;
-    return /*#__PURE__*/_jsx("ul", {
-      className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`,
-      children: images.map(image => {
-        let href;
-        switch (linkTo) {
-          case 'media':
-            href = image.url;
-            break;
-          case 'attachment':
-            href = image.link;
-            break;
-        }
-        const img = /*#__PURE__*/_jsx("img", {
-          src: image.url,
-          alt: image.alt,
-          "data-id": image.id,
-          "data-link": image.link,
-          className: image.id ? `wp-image-${image.id}` : null
-        });
-        return /*#__PURE__*/_jsx("li", {
-          className: "blocks-gallery-item",
-          children: /*#__PURE__*/_jsxs("figure", {
-            children: [href ? /*#__PURE__*/_jsx("a", {
-              href: href,
-              children: img
-            }) : img, image.caption && image.caption.length > 0 && /*#__PURE__*/_jsx(RichText.Content, {
-              tagName: "figcaption",
-              value: image.caption
-            })]
-          })
-        }, image.id || image.url);
-      })
-    });
+    return /* @__PURE__ */ jsx(
+      "ul",
+      {
+        className: `columns-${columns} ${imageCrop ? "is-cropped" : ""}`,
+        children: images.map((image) => {
+          let href;
+          switch (linkTo) {
+            case "media":
+              href = image.url;
+              break;
+            case "attachment":
+              href = image.link;
+              break;
+          }
+          const img = /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: image.url,
+              alt: image.alt,
+              "data-id": image.id,
+              "data-link": image.link,
+              className: image.id ? `wp-image-${image.id}` : null
+            }
+          );
+          return /* @__PURE__ */ jsx(
+            "li",
+            {
+              className: "blocks-gallery-item",
+              children: /* @__PURE__ */ jsxs("figure", { children: [
+                href ? /* @__PURE__ */ jsx("a", { href, children: img }) : img,
+                image.caption && image.caption.length > 0 && /* @__PURE__ */ jsx(
+                  RichText.Content,
+                  {
+                    tagName: "figcaption",
+                    value: image.caption
+                  }
+                )
+              ] })
+            },
+            image.id || image.url
+          );
+        })
+      }
+    );
   }
 };
 const v1 = {
   attributes: {
     images: {
-      type: 'array',
+      type: "array",
       default: [],
-      source: 'query',
-      selector: 'div.wp-block-gallery figure.blocks-gallery-image img',
+      source: "query",
+      selector: "div.wp-block-gallery figure.blocks-gallery-image img",
       query: {
         url: {
-          source: 'attribute',
-          attribute: 'src'
+          source: "attribute",
+          attribute: "src"
         },
         alt: {
-          source: 'attribute',
-          attribute: 'alt',
-          default: ''
+          source: "attribute",
+          attribute: "alt",
+          default: ""
         },
         id: {
-          source: 'attribute',
-          attribute: 'data-id'
+          source: "attribute",
+          attribute: "data-id"
         }
       }
     },
     columns: {
-      type: 'number'
+      type: "number"
     },
     imageCrop: {
-      type: 'boolean',
+      type: "boolean",
       default: true
     },
     linkTo: {
-      type: 'string',
-      default: 'none'
+      type: "string",
+      default: "none"
     },
     align: {
-      type: 'string',
-      default: 'none'
+      type: "string",
+      default: "none"
     }
   },
   supports: {
     align: true
   },
-  save({
-    attributes
-  }) {
+  save({ attributes }) {
     const {
       images,
       columns = defaultColumnsNumberV1(attributes),
@@ -922,39 +911,46 @@ const v1 = {
       linkTo
     } = attributes;
     const className = clsx(`columns-${columns}`, {
-      alignnone: align === 'none',
-      'is-cropped': imageCrop
+      alignnone: align === "none",
+      "is-cropped": imageCrop
     });
-    return /*#__PURE__*/_jsx("div", {
-      className: className,
-      children: images.map(image => {
-        let href;
-        switch (linkTo) {
-          case 'media':
-            href = image.url;
-            break;
-          case 'attachment':
-            href = image.link;
-            break;
-        }
-        const img = /*#__PURE__*/_jsx("img", {
+    return /* @__PURE__ */ jsx("div", { className, children: images.map((image) => {
+      let href;
+      switch (linkTo) {
+        case "media":
+          href = image.url;
+          break;
+        case "attachment":
+          href = image.link;
+          break;
+      }
+      const img = /* @__PURE__ */ jsx(
+        "img",
+        {
           src: image.url,
           alt: image.alt,
           "data-id": image.id
-        });
-        return /*#__PURE__*/_jsx("figure", {
+        }
+      );
+      return /* @__PURE__ */ jsx(
+        "figure",
+        {
           className: "blocks-gallery-image",
-          children: href ? /*#__PURE__*/_jsx("a", {
-            href: href,
-            children: img
-          }) : img
-        }, image.id || image.url);
-      })
-    });
+          children: href ? /* @__PURE__ */ jsx("a", { href, children: img }) : img
+        },
+        image.id || image.url
+      );
+    }) });
   },
   migrate(attributes) {
     return runV2Migration(attributes);
   }
 };
-export default [v7, v6, v5, v4, v3, v2, v1];
-//# sourceMappingURL=deprecated.js.map
+var deprecated_default = [v7, v6, v5, v4, v3, v2, v1];
+export {
+  deprecated_default as default,
+  defaultColumnsNumberV1,
+  getHrefAndDestination,
+  getImageBlock
+};
+//# sourceMappingURL=deprecated.js.map