@wordpress/block-library 9.37.0 → 9.37.2-next.06ee73755.0

package/build-module/pullquote/deprecated.js

@@ -1,477 +0,0 @@
-// packages/block-library/src/pullquote/deprecated.js
-import clsx from "clsx";
-import {
-  getColorClassName,
-  getColorObjectByAttributeValues,
-  RichText,
-  store as blockEditorStore,
-  useBlockProps
-} from "@wordpress/block-editor";
-import { select } from "@wordpress/data";
-import { SOLID_COLOR_CLASS } from "./shared";
-import { jsx, jsxs } from "react/jsx-runtime";
-var blockAttributes = {
-  value: {
-    type: "string",
-    source: "html",
-    selector: "blockquote",
-    multiline: "p"
-  },
-  citation: {
-    type: "string",
-    source: "html",
-    selector: "cite",
-    default: ""
-  },
-  mainColor: {
-    type: "string"
-  },
-  customMainColor: {
-    type: "string"
-  },
-  textColor: {
-    type: "string"
-  },
-  customTextColor: {
-    type: "string"
-  }
-};
-function parseBorderColor(styleString) {
-  if (!styleString) {
-    return;
-  }
-  const matches = styleString.match(/border-color:([^;]+)[;]?/);
-  if (matches && matches[1]) {
-    return matches[1];
-  }
-}
-function multilineToInline(value) {
-  value = value || `<p></p>`;
-  const padded = `</p>${value}<p>`;
-  const values = padded.split(`</p><p>`);
-  values.shift();
-  values.pop();
-  return values.join("<br>");
-}
-var v5 = {
-  attributes: {
-    value: {
-      type: "string",
-      source: "html",
-      selector: "blockquote",
-      multiline: "p",
-      role: "content"
-    },
-    citation: {
-      type: "string",
-      source: "html",
-      selector: "cite",
-      default: "",
-      role: "content"
-    },
-    textAlign: {
-      type: "string"
-    }
-  },
-  save({ attributes }) {
-    const { textAlign, citation, value } = attributes;
-    const shouldShowCitation = !RichText.isEmpty(citation);
-    return /* @__PURE__ */ jsx(
-      "figure",
-      {
-        ...useBlockProps.save({
-          className: clsx({
-            [`has-text-align-${textAlign}`]: textAlign
-          })
-        }),
-        children: /* @__PURE__ */ jsxs("blockquote", { children: [
-          /* @__PURE__ */ jsx(RichText.Content, { value, multiline: true }),
-          shouldShowCitation && /* @__PURE__ */ jsx(RichText.Content, { tagName: "cite", value: citation })
-        ] })
-      }
-    );
-  },
-  migrate({ value, ...attributes }) {
-    return {
-      value: multilineToInline(value),
-      ...attributes
-    };
-  }
-};
-var v4 = {
-  attributes: {
-    ...blockAttributes
-  },
-  save({ attributes }) {
-    const {
-      mainColor,
-      customMainColor,
-      customTextColor,
-      textColor,
-      value,
-      citation,
-      className
-    } = attributes;
-    const isSolidColorStyle = className?.includes(SOLID_COLOR_CLASS);
-    let figureClasses, figureStyles;
-    if (isSolidColorStyle) {
-      const backgroundClass = getColorClassName(
-        "background-color",
-        mainColor
-      );
-      figureClasses = clsx({
-        "has-background": backgroundClass || customMainColor,
-        [backgroundClass]: backgroundClass
-      });
-      figureStyles = {
-        backgroundColor: backgroundClass ? void 0 : customMainColor
-      };
-    } else if (customMainColor) {
-      figureStyles = {
-        borderColor: customMainColor
-      };
-    }
-    const blockquoteTextColorClass = getColorClassName(
-      "color",
-      textColor
-    );
-    const blockquoteClasses = clsx({
-      "has-text-color": textColor || customTextColor,
-      [blockquoteTextColorClass]: blockquoteTextColorClass
-    });
-    const blockquoteStyles = blockquoteTextColorClass ? void 0 : { color: customTextColor };
-    return /* @__PURE__ */ jsx(
-      "figure",
-      {
-        ...useBlockProps.save({
-          className: figureClasses,
-          style: figureStyles
-        }),
-        children: /* @__PURE__ */ jsxs(
-          "blockquote",
-          {
-            className: blockquoteClasses,
-            style: blockquoteStyles,
-            children: [
-              /* @__PURE__ */ jsx(RichText.Content, { value, multiline: true }),
-              !RichText.isEmpty(citation) && /* @__PURE__ */ jsx(RichText.Content, { tagName: "cite", value: citation })
-            ]
-          }
-        )
-      }
-    );
-  },
-  migrate({
-    value,
-    className,
-    mainColor,
-    customMainColor,
-    customTextColor,
-    ...attributes
-  }) {
-    const isSolidColorStyle = className?.includes(SOLID_COLOR_CLASS);
-    let style;
-    if (customMainColor) {
-      if (!isSolidColorStyle) {
-        style = {
-          border: {
-            color: customMainColor
-          }
-        };
-      } else {
-        style = {
-          color: {
-            background: customMainColor
-          }
-        };
-      }
-    }
-    if (customTextColor && style) {
-      style.color = {
-        ...style.color,
-        text: customTextColor
-      };
-    }
-    return {
-      value: multilineToInline(value),
-      className,
-      backgroundColor: isSolidColorStyle ? mainColor : void 0,
-      borderColor: isSolidColorStyle ? void 0 : mainColor,
-      textAlign: isSolidColorStyle ? "left" : void 0,
-      style,
-      ...attributes
-    };
-  }
-};
-var v3 = {
-  attributes: {
-    ...blockAttributes,
-    // figureStyle is an attribute that never existed.
-    // We are using it as a way to access the styles previously applied to the figure.
-    figureStyle: {
-      source: "attribute",
-      selector: "figure",
-      attribute: "style"
-    }
-  },
-  save({ attributes }) {
-    const {
-      mainColor,
-      customMainColor,
-      textColor,
-      customTextColor,
-      value,
-      citation,
-      className,
-      figureStyle
-    } = attributes;
-    const isSolidColorStyle = className?.includes(SOLID_COLOR_CLASS);
-    let figureClasses, figureStyles;
-    if (isSolidColorStyle) {
-      const backgroundClass = getColorClassName(
-        "background-color",
-        mainColor
-      );
-      figureClasses = clsx({
-        "has-background": backgroundClass || customMainColor,
-        [backgroundClass]: backgroundClass
-      });
-      figureStyles = {
-        backgroundColor: backgroundClass ? void 0 : customMainColor
-      };
-    } else if (customMainColor) {
-      figureStyles = {
-        borderColor: customMainColor
-      };
-    } else if (mainColor) {
-      const borderColor = parseBorderColor(figureStyle);
-      figureStyles = {
-        borderColor
-      };
-    }
-    const blockquoteTextColorClass = getColorClassName(
-      "color",
-      textColor
-    );
-    const blockquoteClasses = (textColor || customTextColor) && clsx("has-text-color", {
-      [blockquoteTextColorClass]: blockquoteTextColorClass
-    });
-    const blockquoteStyles = blockquoteTextColorClass ? void 0 : { color: customTextColor };
-    return /* @__PURE__ */ jsx("figure", { className: figureClasses, style: figureStyles, children: /* @__PURE__ */ jsxs(
-      "blockquote",
-      {
-        className: blockquoteClasses,
-        style: blockquoteStyles,
-        children: [
-          /* @__PURE__ */ jsx(RichText.Content, { value, multiline: true }),
-          !RichText.isEmpty(citation) && /* @__PURE__ */ jsx(RichText.Content, { tagName: "cite", value: citation })
-        ]
-      }
-    ) });
-  },
-  migrate({
-    value,
-    className,
-    figureStyle,
-    mainColor,
-    customMainColor,
-    customTextColor,
-    ...attributes
-  }) {
-    const isSolidColorStyle = className?.includes(SOLID_COLOR_CLASS);
-    let style;
-    if (customMainColor) {
-      if (!isSolidColorStyle) {
-        style = {
-          border: {
-            color: customMainColor
-          }
-        };
-      } else {
-        style = {
-          color: {
-            background: customMainColor
-          }
-        };
-      }
-    }
-    if (customTextColor && style) {
-      style.color = {
-        ...style.color,
-        text: customTextColor
-      };
-    }
-    if (!isSolidColorStyle && mainColor && figureStyle) {
-      const borderColor = parseBorderColor(figureStyle);
-      if (borderColor) {
-        return {
-          value: multilineToInline(value),
-          ...attributes,
-          className,
-          // Block supports: Set style.border.color if a deprecated block has `mainColor`, inline border CSS and is not a solid color style.
-          style: {
-            border: {
-              color: borderColor
-            }
-          }
-        };
-      }
-    }
-    return {
-      value: multilineToInline(value),
-      className,
-      backgroundColor: isSolidColorStyle ? mainColor : void 0,
-      borderColor: isSolidColorStyle ? void 0 : mainColor,
-      textAlign: isSolidColorStyle ? "left" : void 0,
-      style,
-      ...attributes
-    };
-  }
-};
-var v2 = {
-  attributes: blockAttributes,
-  save({ attributes }) {
-    const {
-      mainColor,
-      customMainColor,
-      textColor,
-      customTextColor,
-      value,
-      citation,
-      className
-    } = attributes;
-    const isSolidColorStyle = className?.includes(SOLID_COLOR_CLASS);
-    let figureClass, figureStyles;
-    if (isSolidColorStyle) {
-      figureClass = getColorClassName("background-color", mainColor);
-      if (!figureClass) {
-        figureStyles = {
-          backgroundColor: customMainColor
-        };
-      }
-    } else if (customMainColor) {
-      figureStyles = {
-        borderColor: customMainColor
-      };
-    } else if (mainColor) {
-      const colors = select(blockEditorStore).getSettings().colors ?? [];
-      const colorObject = getColorObjectByAttributeValues(
-        colors,
-        mainColor
-      );
-      figureStyles = {
-        borderColor: colorObject.color
-      };
-    }
-    const blockquoteTextColorClass = getColorClassName(
-      "color",
-      textColor
-    );
-    const blockquoteClasses = textColor || customTextColor ? clsx("has-text-color", {
-      [blockquoteTextColorClass]: blockquoteTextColorClass
-    }) : void 0;
-    const blockquoteStyle = blockquoteTextColorClass ? void 0 : { color: customTextColor };
-    return /* @__PURE__ */ jsx("figure", { className: figureClass, style: figureStyles, children: /* @__PURE__ */ jsxs(
-      "blockquote",
-      {
-        className: blockquoteClasses,
-        style: blockquoteStyle,
-        children: [
-          /* @__PURE__ */ jsx(RichText.Content, { value, multiline: true }),
-          !RichText.isEmpty(citation) && /* @__PURE__ */ jsx(RichText.Content, { tagName: "cite", value: citation })
-        ]
-      }
-    ) });
-  },
-  migrate({
-    value,
-    className,
-    mainColor,
-    customMainColor,
-    customTextColor,
-    ...attributes
-  }) {
-    const isSolidColorStyle = className?.includes(SOLID_COLOR_CLASS);
-    let style = {};
-    if (customMainColor) {
-      if (!isSolidColorStyle) {
-        style = {
-          border: {
-            color: customMainColor
-          }
-        };
-      } else {
-        style = {
-          color: {
-            background: customMainColor
-          }
-        };
-      }
-    }
-    if (customTextColor && style) {
-      style.color = {
-        ...style.color,
-        text: customTextColor
-      };
-    }
-    return {
-      value: multilineToInline(value),
-      className,
-      backgroundColor: isSolidColorStyle ? mainColor : void 0,
-      borderColor: isSolidColorStyle ? void 0 : mainColor,
-      textAlign: isSolidColorStyle ? "left" : void 0,
-      style,
-      ...attributes
-    };
-  }
-};
-var v1 = {
-  attributes: {
-    ...blockAttributes
-  },
-  save({ attributes }) {
-    const { value, citation } = attributes;
-    return /* @__PURE__ */ jsxs("blockquote", { children: [
-      /* @__PURE__ */ jsx(RichText.Content, { value, multiline: true }),
-      !RichText.isEmpty(citation) && /* @__PURE__ */ jsx(RichText.Content, { tagName: "cite", value: citation })
-    ] });
-  },
-  migrate({ value, ...attributes }) {
-    return {
-      value: multilineToInline(value),
-      ...attributes
-    };
-  }
-};
-var v0 = {
-  attributes: {
-    ...blockAttributes,
-    citation: {
-      type: "string",
-      source: "html",
-      selector: "footer"
-    },
-    align: {
-      type: "string",
-      default: "none"
-    }
-  },
-  save({ attributes }) {
-    const { value, citation, align } = attributes;
-    return /* @__PURE__ */ jsxs("blockquote", { className: `align${align}`, children: [
-      /* @__PURE__ */ jsx(RichText.Content, { value, multiline: true }),
-      !RichText.isEmpty(citation) && /* @__PURE__ */ jsx(RichText.Content, { tagName: "footer", value: citation })
-    ] });
-  },
-  migrate({ value, ...attributes }) {
-    return {
-      value: multilineToInline(value),
-      ...attributes
-    };
-  }
-};
-var deprecated_default = [v5, v4, v3, v2, v1, v0];
-export {
-  deprecated_default as default
-};
-//# sourceMappingURL=deprecated.js.map

package/build-module/pullquote/edit.js

@@ -1,87 +0,0 @@
-// packages/block-library/src/pullquote/edit.js
-import clsx from "clsx";
-import { __ } from "@wordpress/i18n";
-import {
-  AlignmentControl,
-  BlockControls,
-  RichText,
-  useBlockProps
-} from "@wordpress/block-editor";
-import { createBlock, getDefaultBlockName } from "@wordpress/blocks";
-import { Platform } from "@wordpress/element";
-import { Figure } from "./figure";
-import { BlockQuote } from "./blockquote";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var isWebPlatform = Platform.OS === "web";
-function PullQuoteEdit({
-  attributes,
-  setAttributes,
-  isSelected,
-  insertBlocksAfter
-}) {
-  const { textAlign, citation, value } = attributes;
-  const blockProps = useBlockProps({
-    className: clsx({
-      [`has-text-align-${textAlign}`]: textAlign
-    })
-  });
-  const shouldShowCitation = !RichText.isEmpty(citation) || isSelected;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(BlockControls, { group: "block", children: /* @__PURE__ */ jsx(
-      AlignmentControl,
-      {
-        value: textAlign,
-        onChange: (nextAlign) => {
-          setAttributes({ textAlign: nextAlign });
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Figure, { ...blockProps, children: /* @__PURE__ */ jsxs(BlockQuote, { children: [
-      /* @__PURE__ */ jsx(
-        RichText,
-        {
-          identifier: "value",
-          tagName: "p",
-          value,
-          onChange: (nextValue) => setAttributes({
-            value: nextValue
-          }),
-          "aria-label": __("Pullquote text"),
-          placeholder: (
-            // translators: placeholder text used for the quote
-            __("Add quote")
-          ),
-          textAlign: "center"
-        }
-      ),
-      shouldShowCitation && /* @__PURE__ */ jsx(
-        RichText,
-        {
-          identifier: "citation",
-          tagName: isWebPlatform ? "cite" : void 0,
-          style: { display: "block" },
-          value: citation,
-          "aria-label": __("Pullquote citation text"),
-          placeholder: (
-            // translators: placeholder text used for the citation
-            __("Add citation")
-          ),
-          onChange: (nextCitation) => setAttributes({
-            citation: nextCitation
-          }),
-          className: "wp-block-pullquote__citation",
-          __unstableMobileNoFocusOnMount: true,
-          textAlign: "center",
-          __unstableOnSplitAtEnd: () => insertBlocksAfter(
-            createBlock(getDefaultBlockName())
-          )
-        }
-      )
-    ] }) })
-  ] });
-}
-var edit_default = PullQuoteEdit;
-export {
-  edit_default as default
-};
-//# sourceMappingURL=edit.js.map

package/build-module/pullquote/figure.js

@@ -1,6 +0,0 @@
-// packages/block-library/src/pullquote/figure.js
-var Figure = "figure";
-export {
-  Figure
-};
-//# sourceMappingURL=figure.js.map

package/build-module/pullquote/index.js

@@ -1,56 +0,0 @@
-// packages/block-library/src/pullquote/index.js
-import { __ } from "@wordpress/i18n";
-import { pullquote as icon } from "@wordpress/icons";
-import { privateApis as blocksPrivateApis } from "@wordpress/blocks";
-import initBlock from "../utils/init-block";
-import deprecated from "./deprecated";
-import edit from "./edit";
-import metadata from "./block.json";
-import save from "./save";
-import transforms from "./transforms";
-import { unlock } from "../lock-unlock";
-var { fieldsKey, formKey } = unlock(blocksPrivateApis);
-var { name } = metadata;
-var settings = {
-  icon,
-  example: {
-    attributes: {
-      value: (
-        // translators: Quote serving as example for the Pullquote block. Attributed to Matt Mullenweg.
-        __(
-          "One of the hardest things to do in technology is disrupt yourself."
-        )
-      ),
-      citation: __("Matt Mullenweg")
-    }
-  },
-  transforms,
-  edit,
-  save,
-  deprecated
-};
-if (window.__experimentalContentOnlyInspectorFields) {
-  settings[fieldsKey] = [
-    {
-      id: "value",
-      label: __("Content"),
-      type: "richtext"
-    },
-    {
-      id: "citation",
-      label: __("Citation"),
-      type: "richtext"
-    }
-  ];
-  settings[formKey] = {
-    fields: ["value"]
-  };
-}
-var init = () => initBlock({ name, metadata, settings });
-export {
-  init,
-  metadata,
-  name,
-  settings
-};
-//# sourceMappingURL=index.js.map

package/build-module/pullquote/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/pullquote/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { pullquote as icon } from '@wordpress/icons';\nimport { privateApis as blocksPrivateApis } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\nimport { unlock } from '../lock-unlock';\n\nconst { fieldsKey, formKey } = unlock( blocksPrivateApis );\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tvalue:\n\t\t\t\t// translators: Quote serving as example for the Pullquote block. Attributed to Matt Mullenweg.\n\t\t\t\t__(\n\t\t\t\t\t'One of the hardest things to do in technology is disrupt yourself.'\n\t\t\t\t),\n\t\t\tcitation: __( 'Matt Mullenweg' ),\n\t\t},\n\t},\n\ttransforms,\n\tedit,\n\tsave,\n\tdeprecated,\n};\n\nif ( window.__experimentalContentOnlyInspectorFields ) {\n\tsettings[ fieldsKey ] = [\n\t\t{\n\t\t\tid: 'value',\n\t\t\tlabel: __( 'Content' ),\n\t\t\ttype: 'richtext',\n\t\t},\n\t\t{\n\t\t\tid: 'citation',\n\t\t\tlabel: __( 'Citation' ),\n\t\t\ttype: 'richtext',\n\t\t},\n\t];\n\tsettings[ formKey ] = {\n\t\tfields: [ 'value' ],\n\t};\n}\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],
-  "mappings": ";AAGA,SAAS,UAAU;AACnB,SAAS,aAAa,YAAY;AAClC,SAAS,eAAe,yBAAyB;AAKjD,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AACvB,SAAS,cAAc;AAEvB,IAAM,EAAE,WAAW,QAAQ,IAAI,OAAQ,iBAAkB;AAEzD,IAAM,EAAE,KAAK,IAAI;AAIV,IAAM,WAAW;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,IACR,YAAY;AAAA,MACX;AAAA;AAAA,QAEC;AAAA,UACC;AAAA,QACD;AAAA;AAAA,MACD,UAAU,GAAI,gBAAiB;AAAA,IAChC;AAAA,EACD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;AAEA,IAAK,OAAO,0CAA2C;AACtD,WAAU,SAAU,IAAI;AAAA,IACvB;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,GAAI,SAAU;AAAA,MACrB,MAAM;AAAA,IACP;AAAA,IACA;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,GAAI,UAAW;AAAA,MACtB,MAAM;AAAA,IACP;AAAA,EACD;AACA,WAAU,OAAQ,IAAI;AAAA,IACrB,QAAQ,CAAE,OAAQ;AAAA,EACnB;AACD;AAEO,IAAM,OAAO,MAAM,UAAW,EAAE,MAAM,UAAU,SAAS,CAAE;",
-  "names": []
-}

package/build-module/pullquote/init.js

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

package/build-module/pullquote/save.js

@@ -1,26 +0,0 @@
-// packages/block-library/src/pullquote/save.js
-import clsx from "clsx";
-import { RichText, useBlockProps } from "@wordpress/block-editor";
-import { jsx, jsxs } from "react/jsx-runtime";
-function save({ attributes }) {
-  const { textAlign, citation, value } = attributes;
-  const shouldShowCitation = !RichText.isEmpty(citation);
-  return /* @__PURE__ */ jsx(
-    "figure",
-    {
-      ...useBlockProps.save({
-        className: clsx({
-          [`has-text-align-${textAlign}`]: textAlign
-        })
-      }),
-      children: /* @__PURE__ */ jsxs("blockquote", { children: [
-        /* @__PURE__ */ jsx(RichText.Content, { tagName: "p", value }),
-        shouldShowCitation && /* @__PURE__ */ jsx(RichText.Content, { tagName: "cite", value: citation })
-      ] })
-    }
-  );
-}
-export {
-  save as default
-};
-//# sourceMappingURL=save.js.map

package/build-module/pullquote/shared.js

@@ -1,6 +0,0 @@
-// packages/block-library/src/pullquote/shared.js
-var SOLID_COLOR_CLASS = `is-style-solid-color`;
-export {
-  SOLID_COLOR_CLASS
-};
-//# sourceMappingURL=shared.js.map