@wordpress/block-library 8.35.0 → 9.0.0

package/build-module/gallery/deprecated.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -15,6 +14,8 @@ import { createBlock } from '@wordpress/blocks';
  */
 import { LINK_DESTINATION_ATTACHMENT, LINK_DESTINATION_MEDIA, LINK_DESTINATION_NONE } from './constants';
 import { isGalleryV2Enabled } from './shared';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEPRECATED_LINK_DESTINATION_MEDIA = 'file';
 const DEPRECATED_LINK_DESTINATION_ATTACHMENT = 'post';
 
@@ -232,13 +233,14 @@ const v7 = {
       className
     });
     const innerBlocksProps = useInnerBlocksProps.save(blockProps);
-    return createElement("figure", {
-      ...innerBlocksProps
-    }, innerBlocksProps.children, !RichText.isEmpty(caption) && createElement(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 = {
@@ -335,45 +337,50 @@ const v6 = {
       linkTo
     } = attributes;
     const className = `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`;
-    return createElement("figure", {
+    return /*#__PURE__*/_jsxs("figure", {
       ...useBlockProps.save({
         className
-      })
-    }, createElement("ul", {
-      className: "blocks-gallery-grid"
-    }, 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 = createElement("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 createElement("li", {
-        key: image.id || image.url,
-        className: "blocks-gallery-item"
-      }, createElement("figure", null, href ? createElement("a", {
-        href: href
-      }, img) : img, !RichText.isEmpty(image.caption) && createElement(RichText.Content, {
+      }),
+      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", {
+            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-item__caption",
-        value: image.caption
-      })));
-    })), !RichText.isEmpty(caption) && createElement(RichText.Content, {
-      tagName: "figcaption",
-      className: "blocks-gallery-caption",
-      value: caption
-    }));
+        className: "blocks-gallery-caption",
+        value: caption
+      })]
+    });
   },
   migrate(attributes) {
     if (isGalleryV2Enabled()) {
@@ -493,43 +500,48 @@ const v5 = {
       caption,
       linkTo
     } = attributes;
-    return createElement("figure", {
-      className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`
-    }, createElement("ul", {
-      className: "blocks-gallery-grid"
-    }, images.map(image => {
-      let href;
-      switch (linkTo) {
-        case 'media':
-          href = image.fullUrl || image.url;
-          break;
-        case 'attachment':
-          href = image.link;
-          break;
-      }
-      const img = createElement("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 createElement("li", {
-        key: image.id || image.url,
-        className: "blocks-gallery-item"
-      }, createElement("figure", null, href ? createElement("a", {
-        href: href
-      }, img) : img, !RichText.isEmpty(image.caption) && createElement(RichText.Content, {
+    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-item__caption",
-        value: image.caption
-      })));
-    })), !RichText.isEmpty(caption) && createElement(RichText.Content, {
-      tagName: "figcaption",
-      className: "blocks-gallery-caption",
-      value: caption
-    }));
+        className: "blocks-gallery-caption",
+        value: caption
+      })]
+    });
   }
 };
 const v4 = {
@@ -625,43 +637,48 @@ const v4 = {
       caption,
       linkTo
     } = attributes;
-    return createElement("figure", {
-      className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`
-    }, createElement("ul", {
-      className: "blocks-gallery-grid"
-    }, images.map(image => {
-      let href;
-      switch (linkTo) {
-        case 'media':
-          href = image.fullUrl || image.url;
-          break;
-        case 'attachment':
-          href = image.link;
-          break;
-      }
-      const img = createElement("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 createElement("li", {
-        key: image.id || image.url,
-        className: "blocks-gallery-item"
-      }, createElement("figure", null, href ? createElement("a", {
-        href: href
-      }, img) : img, !RichText.isEmpty(image.caption) && createElement(RichText.Content, {
+    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-item__caption",
-        value: image.caption
-      })));
-    })), !RichText.isEmpty(caption) && createElement(RichText.Content, {
-      tagName: "figcaption",
-      className: "blocks-gallery-caption",
-      value: caption
-    }));
+        className: "blocks-gallery-caption",
+        value: caption
+      })]
+    });
   }
 };
 const v3 = {
@@ -733,36 +750,40 @@ const v3 = {
       imageCrop,
       linkTo
     } = attributes;
-    return createElement("ul", {
-      className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`
-    }, images.map(image => {
-      let href;
-      switch (linkTo) {
-        case 'media':
-          href = image.fullUrl || image.url;
-          break;
-        case 'attachment':
-          href = image.link;
-          break;
-      }
-      const img = createElement("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 createElement("li", {
-        key: image.id || image.url,
-        className: "blocks-gallery-item"
-      }, createElement("figure", null, href ? createElement("a", {
-        href: href
-      }, img) : img, image.caption && image.caption.length > 0 && createElement(RichText.Content, {
-        tagName: "figcaption",
-        value: image.caption
-      })));
-    }));
+    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);
+      })
+    });
   },
   migrate(attributes) {
     if (isGalleryV2Enabled()) {
@@ -859,35 +880,39 @@ const v2 = {
       imageCrop,
       linkTo
     } = attributes;
-    return createElement("ul", {
-      className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`
-    }, images.map(image => {
-      let href;
-      switch (linkTo) {
-        case 'media':
-          href = image.url;
-          break;
-        case 'attachment':
-          href = image.link;
-          break;
-      }
-      const img = createElement("img", {
-        src: image.url,
-        alt: image.alt,
-        "data-id": image.id,
-        "data-link": image.link,
-        className: image.id ? `wp-image-${image.id}` : null
-      });
-      return createElement("li", {
-        key: image.id || image.url,
-        className: "blocks-gallery-item"
-      }, createElement("figure", null, href ? createElement("a", {
-        href: href
-      }, img) : img, image.caption && image.caption.length > 0 && createElement(RichText.Content, {
-        tagName: "figcaption",
-        value: image.caption
-      })));
-    }));
+    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);
+      })
+    });
   }
 };
 const v1 = {
@@ -946,30 +971,32 @@ const v1 = {
       alignnone: align === 'none',
       'is-cropped': imageCrop
     });
-    return createElement("div", {
-      className: className
-    }, images.map(image => {
-      let href;
-      switch (linkTo) {
-        case 'media':
-          href = image.url;
-          break;
-        case 'attachment':
-          href = image.link;
-          break;
-      }
-      const img = createElement("img", {
-        src: image.url,
-        alt: image.alt,
-        "data-id": image.id
-      });
-      return createElement("figure", {
-        key: image.id || image.url,
-        className: "blocks-gallery-image"
-      }, href ? createElement("a", {
-        href: href
-      }, img) : img);
-    }));
+    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", {
+          src: image.url,
+          alt: image.alt,
+          "data-id": image.id
+        });
+        return /*#__PURE__*/_jsx("figure", {
+          className: "blocks-gallery-image",
+          children: href ? /*#__PURE__*/_jsx("a", {
+            href: href,
+            children: img
+          }) : img
+        }, image.id || image.url);
+      })
+    });
   },
   migrate(attributes) {
     if (isGalleryV2Enabled()) {