@wordpress/block-library 9.36.2-next.8fd3f8831.0 → 9.37.2-next.06ee73755.0

package/build-module/columns/index.mjs

@@ -0,0 +1,85 @@
+// packages/block-library/src/columns/index.js
+import { __ } from "@wordpress/i18n";
+import { columns as icon } from "@wordpress/icons";
+import initBlock from "../utils/init-block.mjs";
+import deprecated from "./deprecated.mjs";
+import edit from "./edit.mjs";
+import metadata from "./block.json";
+import save from "./save.mjs";
+import variations from "./variations.mjs";
+import transforms from "./transforms.mjs";
+var { name } = metadata;
+var settings = {
+  icon,
+  variations,
+  example: {
+    viewportWidth: 782,
+    // Columns collapse "@media (max-width: 781px)".
+    innerBlocks: [
+      {
+        name: "core/column",
+        innerBlocks: [
+          {
+            name: "core/paragraph",
+            attributes: {
+              /* translators: example text. */
+              content: __(
+                "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et eros eu felis."
+              )
+            }
+          },
+          {
+            name: "core/image",
+            attributes: {
+              url: "https://s.w.org/images/core/5.3/Windbuchencom.jpg"
+            }
+          },
+          {
+            name: "core/paragraph",
+            attributes: {
+              /* translators: example text. */
+              content: __(
+                "Suspendisse commodo neque lacus, a dictum orci interdum et."
+              )
+            }
+          }
+        ]
+      },
+      {
+        name: "core/column",
+        innerBlocks: [
+          {
+            name: "core/paragraph",
+            attributes: {
+              /* translators: example text. */
+              content: __(
+                "Etiam et egestas lorem. Vivamus sagittis sit amet dolor quis lobortis. Integer sed fermentum arcu, id vulputate lacus. Etiam fermentum sem eu quam hendrerit."
+              )
+            }
+          },
+          {
+            name: "core/paragraph",
+            attributes: {
+              /* translators: example text. */
+              content: __(
+                "Nam risus massa, ullamcorper consectetur eros fermentum, porta aliquet ligula. Sed vel mauris nec enim."
+              )
+            }
+          }
+        ]
+      }
+    ]
+  },
+  deprecated,
+  edit,
+  save,
+  transforms
+};
+var init = () => initBlock({ name, metadata, settings });
+export {
+  init,
+  metadata,
+  name,
+  settings
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/columns/init.mjs

@@ -0,0 +1,7 @@
+// packages/block-library/src/columns/init.js
+import { init } from "./index.mjs";
+var init_default = init();
+export {
+  init_default as default
+};
+//# sourceMappingURL=init.mjs.map

package/build-module/columns/save.mjs

@@ -0,0 +1,18 @@
+// packages/block-library/src/columns/save.js
+import clsx from "clsx";
+import { useInnerBlocksProps, useBlockProps } from "@wordpress/block-editor";
+import { jsx } from "react/jsx-runtime";
+function save({ attributes }) {
+  const { isStackedOnMobile, verticalAlignment } = attributes;
+  const className = clsx({
+    [`are-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
+    [`is-not-stacked-on-mobile`]: !isStackedOnMobile
+  });
+  const blockProps = useBlockProps.save({ className });
+  const innerBlocksProps = useInnerBlocksProps.save(blockProps);
+  return /* @__PURE__ */ jsx("div", { ...innerBlocksProps });
+}
+export {
+  save as default
+};
+//# sourceMappingURL=save.mjs.map

package/build-module/columns/transforms.mjs

@@ -0,0 +1,99 @@
+// packages/block-library/src/columns/transforms.js
+import {
+  createBlock,
+  createBlocksFromInnerBlocksTemplate
+} from "@wordpress/blocks";
+var MAXIMUM_SELECTED_BLOCKS = 6;
+var transforms = {
+  from: [
+    {
+      type: "block",
+      isMultiBlock: true,
+      blocks: ["*"],
+      __experimentalConvert: (blocks) => {
+        const columnWidth = +(100 / blocks.length).toFixed(2);
+        const innerBlocksTemplate = blocks.map(
+          ({ name, attributes, innerBlocks }) => [
+            "core/column",
+            { width: `${columnWidth}%` },
+            [[name, { ...attributes }, innerBlocks]]
+          ]
+        );
+        return createBlock(
+          "core/columns",
+          {},
+          createBlocksFromInnerBlocksTemplate(innerBlocksTemplate)
+        );
+      },
+      isMatch: ({ length: selectedBlocksLength }, blocks) => {
+        if (blocks.length === 1 && blocks[0].name === "core/columns") {
+          return false;
+        }
+        return selectedBlocksLength && selectedBlocksLength <= MAXIMUM_SELECTED_BLOCKS;
+      }
+    },
+    {
+      type: "block",
+      blocks: ["core/media-text"],
+      priority: 1,
+      transform: (attributes, innerBlocks) => {
+        const {
+          align,
+          backgroundColor,
+          textColor,
+          style,
+          mediaAlt: alt,
+          mediaId: id,
+          mediaPosition,
+          mediaSizeSlug: sizeSlug,
+          mediaType,
+          mediaUrl: url,
+          mediaWidth,
+          verticalAlignment
+        } = attributes;
+        let media;
+        if (mediaType === "image" || !mediaType) {
+          const imageAttrs = { id, alt, url, sizeSlug };
+          const linkAttrs = {
+            href: attributes.href,
+            linkClass: attributes.linkClass,
+            linkDestination: attributes.linkDestination,
+            linkTarget: attributes.linkTarget,
+            rel: attributes.rel
+          };
+          media = ["core/image", { ...imageAttrs, ...linkAttrs }];
+        } else {
+          media = ["core/video", { id, src: url }];
+        }
+        const innerBlocksTemplate = [
+          ["core/column", { width: `${mediaWidth}%` }, [media]],
+          [
+            "core/column",
+            { width: `${100 - mediaWidth}%` },
+            innerBlocks
+          ]
+        ];
+        if (mediaPosition === "right") {
+          innerBlocksTemplate.reverse();
+        }
+        return createBlock(
+          "core/columns",
+          {
+            align,
+            backgroundColor,
+            textColor,
+            style,
+            verticalAlignment
+          },
+          createBlocksFromInnerBlocksTemplate(innerBlocksTemplate)
+        );
+      }
+    }
+  ],
+  ungroup: (attributes, innerBlocks) => innerBlocks.flatMap((innerBlock) => innerBlock.innerBlocks)
+};
+var transforms_default = transforms;
+export {
+  transforms_default as default
+};
+//# sourceMappingURL=transforms.mjs.map

package/build-module/columns/utils.mjs

@@ -0,0 +1,78 @@
+// packages/block-library/src/columns/utils.js
+var toWidthPrecision = (value) => {
+  const unitlessValue = parseFloat(value);
+  return Number.isFinite(unitlessValue) ? parseFloat(unitlessValue.toFixed(2)) : void 0;
+};
+function getEffectiveColumnWidth(block, totalBlockCount) {
+  const { width = 100 / totalBlockCount } = block.attributes;
+  return toWidthPrecision(width);
+}
+function getTotalColumnsWidth(blocks, totalBlockCount = blocks.length) {
+  return blocks.reduce(
+    (sum, block) => sum + getEffectiveColumnWidth(block, totalBlockCount),
+    0
+  );
+}
+function getColumnWidths(blocks, totalBlockCount = blocks.length) {
+  return blocks.reduce((accumulator, block) => {
+    const width = getEffectiveColumnWidth(block, totalBlockCount);
+    return Object.assign(accumulator, { [block.clientId]: width });
+  }, {});
+}
+function getRedistributedColumnWidths(blocks, availableWidth, totalBlockCount = blocks.length) {
+  const totalWidth = getTotalColumnsWidth(blocks, totalBlockCount);
+  return Object.fromEntries(
+    Object.entries(getColumnWidths(blocks, totalBlockCount)).map(
+      ([clientId, width]) => {
+        const newWidth = availableWidth * width / totalWidth;
+        return [clientId, toWidthPrecision(newWidth)];
+      }
+    )
+  );
+}
+function hasExplicitPercentColumnWidths(blocks) {
+  return blocks.every((block) => {
+    const blockWidth = block.attributes.width;
+    return Number.isFinite(
+      blockWidth?.endsWith?.("%") ? parseFloat(blockWidth) : blockWidth
+    );
+  });
+}
+function getMappedColumnWidths(blocks, widths) {
+  return blocks.map((block) => ({
+    ...block,
+    attributes: {
+      ...block.attributes,
+      width: `${widths[block.clientId]}%`
+    }
+  }));
+}
+function getWidths(blocks, withParsing = true) {
+  return blocks.map((innerColumn) => {
+    const innerColumnWidth = innerColumn.attributes.width || 100 / blocks.length;
+    return withParsing ? parseFloat(innerColumnWidth) : innerColumnWidth;
+  });
+}
+function getWidthWithUnit(width, unit) {
+  width = 0 > parseFloat(width) ? "0" : width;
+  if (isPercentageUnit(unit)) {
+    width = Math.min(width, 100);
+  }
+  return `${width}${unit}`;
+}
+function isPercentageUnit(unit) {
+  return unit === "%";
+}
+export {
+  getColumnWidths,
+  getEffectiveColumnWidth,
+  getMappedColumnWidths,
+  getRedistributedColumnWidths,
+  getTotalColumnsWidth,
+  getWidthWithUnit,
+  getWidths,
+  hasExplicitPercentColumnWidths,
+  isPercentageUnit,
+  toWidthPrecision
+};
+//# sourceMappingURL=utils.mjs.map

package/build-module/columns/variations.mjs

@@ -0,0 +1,128 @@
+// packages/block-library/src/columns/variations.js
+import { Path, SVG } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { jsx } from "react/jsx-runtime";
+var variations = [
+  {
+    name: "one-column-full",
+    title: __("100"),
+    description: __("One column"),
+    icon: /* @__PURE__ */ jsx(
+      SVG,
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "48",
+        height: "48",
+        viewBox: "0 0 48 48",
+        children: /* @__PURE__ */ jsx(Path, { d: "M0 10a2 2 0 0 1 2-2h44a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Z" })
+      }
+    ),
+    innerBlocks: [["core/column"]],
+    scope: ["block"]
+  },
+  {
+    name: "two-columns-equal",
+    title: __("50 / 50"),
+    description: __("Two columns; equal split"),
+    icon: /* @__PURE__ */ jsx(
+      SVG,
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "48",
+        height: "48",
+        viewBox: "0 0 48 48",
+        children: /* @__PURE__ */ jsx(Path, { d: "M0 10a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm25 0a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H27a2 2 0 0 1-2-2V10Z" })
+      }
+    ),
+    isDefault: true,
+    innerBlocks: [["core/column"], ["core/column"]],
+    scope: ["block"]
+  },
+  {
+    name: "two-columns-one-third-two-thirds",
+    title: __("33 / 66"),
+    description: __("Two columns; one-third, two-thirds split"),
+    icon: /* @__PURE__ */ jsx(
+      SVG,
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "48",
+        height: "48",
+        viewBox: "0 0 48 48",
+        children: /* @__PURE__ */ jsx(Path, { d: "M0 10a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm17 0a2 2 0 0 1 2-2h27a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H19a2 2 0 0 1-2-2V10Z" })
+      }
+    ),
+    innerBlocks: [
+      ["core/column", { width: "33.33%" }],
+      ["core/column", { width: "66.66%" }]
+    ],
+    scope: ["block"]
+  },
+  {
+    name: "two-columns-two-thirds-one-third",
+    title: __("66 / 33"),
+    description: __("Two columns; two-thirds, one-third split"),
+    icon: /* @__PURE__ */ jsx(
+      SVG,
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "48",
+        height: "48",
+        viewBox: "0 0 48 48",
+        children: /* @__PURE__ */ jsx(Path, { d: "M0 10a2 2 0 0 1 2-2h27a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm33 0a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H35a2 2 0 0 1-2-2V10Z" })
+      }
+    ),
+    innerBlocks: [
+      ["core/column", { width: "66.66%" }],
+      ["core/column", { width: "33.33%" }]
+    ],
+    scope: ["block"]
+  },
+  {
+    name: "three-columns-equal",
+    title: __("33 / 33 / 33"),
+    description: __("Three columns; equal split"),
+    icon: /* @__PURE__ */ jsx(
+      SVG,
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "48",
+        height: "48",
+        viewBox: "0 0 48 48",
+        children: /* @__PURE__ */ jsx(Path, { d: "M0 10a2 2 0 0 1 2-2h10.531c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H2a2 2 0 0 1-2-2V10Zm16.5 0c0-1.105.864-2 1.969-2H29.53c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H18.47c-1.105 0-1.969-.895-1.969-2V10Zm17 0c0-1.105.864-2 1.969-2H46a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H35.469c-1.105 0-1.969-.895-1.969-2V10Z" })
+      }
+    ),
+    innerBlocks: [
+      ["core/column"],
+      ["core/column"],
+      ["core/column"]
+    ],
+    scope: ["block"]
+  },
+  {
+    name: "three-columns-wider-center",
+    title: __("25 / 50 / 25"),
+    description: __("Three columns; wide center column"),
+    icon: /* @__PURE__ */ jsx(
+      SVG,
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "48",
+        height: "48",
+        viewBox: "0 0 48 48",
+        children: /* @__PURE__ */ jsx(Path, { d: "M0 10a2 2 0 0 1 2-2h7.531c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H2a2 2 0 0 1-2-2V10Zm13.5 0c0-1.105.864-2 1.969-2H32.53c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H15.47c-1.105 0-1.969-.895-1.969-2V10Zm23 0c0-1.105.864-2 1.969-2H46a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2h-7.531c-1.105 0-1.969-.895-1.969-2V10Z" })
+      }
+    ),
+    innerBlocks: [
+      ["core/column", { width: "25%" }],
+      ["core/column", { width: "50%" }],
+      ["core/column", { width: "25%" }]
+    ],
+    scope: ["block"]
+  }
+];
+var variations_default = variations;
+export {
+  variations_default as default
+};
+//# sourceMappingURL=variations.mjs.map

package/build-module/comment-author-avatar/edit.mjs

@@ -0,0 +1,99 @@
+// packages/block-library/src/comment-author-avatar/edit.js
+import {
+  InspectorControls,
+  useBlockProps,
+  __experimentalGetSpacingClassesAndStyles as useSpacingProps,
+  store as blockEditorStore
+} from "@wordpress/block-editor";
+import { PanelBody, ResizableBox, RangeControl } from "@wordpress/components";
+import { useEntityProp } from "@wordpress/core-data";
+import { useSelect } from "@wordpress/data";
+import { __, isRTL } from "@wordpress/i18n";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Edit({
+  attributes,
+  context: { commentId },
+  setAttributes,
+  isSelected
+}) {
+  const { height, width } = attributes;
+  const [avatars] = useEntityProp(
+    "root",
+    "comment",
+    "author_avatar_urls",
+    commentId
+  );
+  const [authorName] = useEntityProp(
+    "root",
+    "comment",
+    "author_name",
+    commentId
+  );
+  const avatarUrls = avatars ? Object.values(avatars) : null;
+  const sizes = avatars ? Object.keys(avatars) : null;
+  const minSize = sizes ? sizes[0] : 24;
+  const maxSize = sizes ? sizes[sizes.length - 1] : 96;
+  const blockProps = useBlockProps();
+  const spacingProps = useSpacingProps(attributes);
+  const maxSizeBuffer = Math.floor(maxSize * 2.5);
+  const avatarURL = useSelect((select) => {
+    const { __experimentalDiscussionSettings } = select(blockEditorStore).getSettings();
+    return __experimentalDiscussionSettings?.avatarURL;
+  }, []);
+  const inspectorControls = /* @__PURE__ */ jsx(InspectorControls, { children: /* @__PURE__ */ jsx(PanelBody, { title: __("Settings"), children: /* @__PURE__ */ jsx(
+    RangeControl,
+    {
+      __next40pxDefaultSize: true,
+      label: __("Image size"),
+      onChange: (newWidth) => setAttributes({
+        width: newWidth,
+        height: newWidth
+      }),
+      min: minSize,
+      max: maxSizeBuffer,
+      initialPosition: width,
+      value: width
+    }
+  ) }) });
+  const resizableAvatar = /* @__PURE__ */ jsx(
+    ResizableBox,
+    {
+      size: {
+        width,
+        height
+      },
+      showHandle: isSelected,
+      onResizeStop: (event, direction, elt, delta) => {
+        setAttributes({
+          height: parseInt(height + delta.height, 10),
+          width: parseInt(width + delta.width, 10)
+        });
+      },
+      lockAspectRatio: true,
+      enable: {
+        top: false,
+        right: !isRTL(),
+        bottom: true,
+        left: isRTL()
+      },
+      minWidth: minSize,
+      maxWidth: maxSizeBuffer,
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: avatarUrls ? avatarUrls[avatarUrls.length - 1] : avatarURL,
+          alt: `${authorName} ${__("Avatar")}`,
+          ...blockProps
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    inspectorControls,
+    /* @__PURE__ */ jsx("div", { ...spacingProps, children: resizableAvatar })
+  ] });
+}
+export {
+  Edit as default
+};
+//# sourceMappingURL=edit.mjs.map

package/build-module/comment-author-avatar/index.mjs

@@ -0,0 +1,18 @@
+// packages/block-library/src/comment-author-avatar/index.js
+import { commentAuthorAvatar as icon } from "@wordpress/icons";
+import initBlock from "../utils/init-block.mjs";
+import metadata from "./block.json";
+import edit from "./edit.mjs";
+var { name } = metadata;
+var settings = {
+  icon,
+  edit
+};
+var init = () => initBlock({ name, metadata, settings });
+export {
+  init,
+  metadata,
+  name,
+  settings
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/comment-author-avatar/init.mjs

@@ -0,0 +1,7 @@
+// packages/block-library/src/comment-author-avatar/init.js
+import { init } from "./index.mjs";
+var init_default = init();
+export {
+  init_default as default
+};
+//# sourceMappingURL=init.mjs.map

package/build-module/comment-author-name/block.json

@@ -19,6 +19,7 @@
 	},
 	"usesContext": [ "commentId" ],
 	"supports": {
+		"anchor": true,
 		"html": false,
 		"spacing": {
 			"margin": true,

package/build-module/comment-author-name/deprecated.mjs

@@ -0,0 +1,98 @@
+// packages/block-library/src/comment-author-name/deprecated.js
+import migrateFontFamily from "../utils/migrate-font-family.mjs";
+import migrateTextAlign from "../utils/migrate-text-align.mjs";
+var v2 = {
+  attributes: {
+    isLink: {
+      type: "boolean",
+      default: true
+    },
+    linkTarget: {
+      type: "string",
+      default: "_self"
+    },
+    textAlign: {
+      type: "string"
+    }
+  },
+  usesContext: ["commentId"],
+  supports: {
+    html: false,
+    spacing: {
+      margin: true,
+      padding: true
+    },
+    color: {
+      gradients: true,
+      link: true
+    },
+    typography: {
+      fontSize: true,
+      lineHeight: true,
+      __experimentalFontFamily: true,
+      __experimentalFontWeight: true,
+      __experimentalFontStyle: true,
+      __experimentalTextTransform: true,
+      __experimentalTextDecoration: true,
+      __experimentalLetterSpacing: true
+    },
+    interactivity: {
+      clientNavigation: true
+    },
+    __experimentalBorder: {
+      radius: true,
+      color: true,
+      width: true,
+      style: true
+    }
+  },
+  save() {
+    return null;
+  },
+  migrate: migrateTextAlign,
+  isEligible(attributes) {
+    return !!attributes.textAlign || !!attributes.className?.match(
+      /\bhas-text-align-(left|center|right)\b/
+    );
+  }
+};
+var v1 = {
+  attributes: {
+    isLink: {
+      type: "boolean",
+      default: false
+    },
+    linkTarget: {
+      type: "string",
+      default: "_self"
+    }
+  },
+  supports: {
+    html: false,
+    color: {
+      gradients: true,
+      link: true
+    },
+    typography: {
+      fontSize: true,
+      lineHeight: true,
+      __experimentalFontFamily: true,
+      __experimentalFontWeight: true,
+      __experimentalFontStyle: true,
+      __experimentalTextTransform: true,
+      __experimentalLetterSpacing: true
+    }
+  },
+  save() {
+    return null;
+  },
+  migrate: migrateFontFamily,
+  isEligible({ style }) {
+    return style?.typography?.fontFamily;
+  }
+};
+var deprecated_default = [v2, v1];
+export {
+  deprecated_default as default
+};
+//# sourceMappingURL=deprecated.mjs.map