@wordpress/block-library 9.37.0 → 9.37.2-next.79a2f3cdd.0

package/build-module/button/edit.mjs

@@ -0,0 +1,433 @@
+// packages/block-library/src/button/edit.js
+import clsx from "clsx";
+import { __, sprintf } from "@wordpress/i18n";
+import {
+  useEffect,
+  useState,
+  useRef,
+  useMemo,
+  createInterpolateElement
+} from "@wordpress/element";
+import {
+  TextControl,
+  ToolbarButton,
+  Popover,
+  ExternalLink,
+  __experimentalToolsPanel as ToolsPanel,
+  __experimentalToolsPanelItem as ToolsPanelItem,
+  __experimentalToggleGroupControl as ToggleGroupControl,
+  __experimentalToggleGroupControlOption as ToggleGroupControlOption
+} from "@wordpress/components";
+import {
+  BlockControls,
+  InspectorControls,
+  RichText,
+  useBlockProps,
+  LinkControl,
+  __experimentalUseBorderProps as useBorderProps,
+  __experimentalUseColorProps as useColorProps,
+  __experimentalGetSpacingClassesAndStyles as useSpacingProps,
+  __experimentalGetShadowClassesAndStyles as useShadowProps,
+  __experimentalGetElementClassName,
+  store as blockEditorStore,
+  useBlockEditingMode,
+  getTypographyClassesAndStyles as useTypographyProps,
+  useSettings,
+  privateApis as blockEditorPrivateApis
+} from "@wordpress/block-editor";
+import { displayShortcut, isKeyboardEvent, ENTER } from "@wordpress/keycodes";
+import { link, linkOff } from "@wordpress/icons";
+import {
+  createBlock,
+  cloneBlock,
+  getDefaultBlockName,
+  getBlockBindingsSource
+} from "@wordpress/blocks";
+import { useMergeRefs, useRefEffect } from "@wordpress/compose";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { NEW_TAB_TARGET, NOFOLLOW_REL } from "./constants.mjs";
+import { getUpdatedLinkAttributes } from "./get-updated-link-attributes.mjs";
+import removeAnchorTag from "../utils/remove-anchor-tag.mjs";
+import { useToolsPanelDropdownMenuProps } from "../utils/hooks.mjs";
+import { unlock } from "../lock-unlock.mjs";
+import useDeprecatedTextAlign from "../utils/deprecated-text-align-attributes.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var { HTMLElementControl } = unlock(blockEditorPrivateApis);
+var LINK_SETTINGS = [
+  ...LinkControl.DEFAULT_LINK_SETTINGS,
+  {
+    id: "nofollow",
+    title: __("Mark as nofollow")
+  }
+];
+function useEnter(props) {
+  const { replaceBlocks, selectionChange } = useDispatch(blockEditorStore);
+  const { getBlock, getBlockRootClientId, getBlockIndex } = useSelect(blockEditorStore);
+  const propsRef = useRef(props);
+  propsRef.current = props;
+  return useRefEffect((element) => {
+    function onKeyDown(event) {
+      if (event.defaultPrevented || event.keyCode !== ENTER) {
+        return;
+      }
+      const { content, clientId } = propsRef.current;
+      if (content.length) {
+        return;
+      }
+      event.preventDefault();
+      const topParentListBlock = getBlock(
+        getBlockRootClientId(clientId)
+      );
+      const blockIndex = getBlockIndex(clientId);
+      const head = cloneBlock({
+        ...topParentListBlock,
+        innerBlocks: topParentListBlock.innerBlocks.slice(
+          0,
+          blockIndex
+        )
+      });
+      const middle = createBlock(getDefaultBlockName());
+      const after = topParentListBlock.innerBlocks.slice(
+        blockIndex + 1
+      );
+      const tail = after.length ? [
+        cloneBlock({
+          ...topParentListBlock,
+          innerBlocks: after
+        })
+      ] : [];
+      replaceBlocks(
+        topParentListBlock.clientId,
+        [head, middle, ...tail],
+        1
+      );
+      selectionChange(middle.clientId);
+    }
+    element.addEventListener("keydown", onKeyDown);
+    return () => {
+      element.removeEventListener("keydown", onKeyDown);
+    };
+  }, []);
+}
+function WidthPanel({ selectedWidth, setAttributes }) {
+  const dropdownMenuProps = useToolsPanelDropdownMenuProps();
+  return /* @__PURE__ */ jsx(
+    ToolsPanel,
+    {
+      label: __("Settings"),
+      resetAll: () => setAttributes({ width: void 0 }),
+      dropdownMenuProps,
+      children: /* @__PURE__ */ jsx(
+        ToolsPanelItem,
+        {
+          label: __("Width"),
+          isShownByDefault: true,
+          hasValue: () => !!selectedWidth,
+          onDeselect: () => setAttributes({ width: void 0 }),
+          children: /* @__PURE__ */ jsx(
+            ToggleGroupControl,
+            {
+              label: __("Width"),
+              value: selectedWidth,
+              onChange: (newWidth) => setAttributes({ width: newWidth }),
+              isBlock: true,
+              __next40pxDefaultSize: true,
+              children: [25, 50, 75, 100].map((widthValue) => {
+                return /* @__PURE__ */ jsx(
+                  ToggleGroupControlOption,
+                  {
+                    value: widthValue,
+                    label: sprintf(
+                      /* translators: %d: Percentage value. */
+                      __("%d%%"),
+                      widthValue
+                    )
+                  },
+                  widthValue
+                );
+              })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function ButtonEdit(props) {
+  const {
+    attributes,
+    setAttributes,
+    className,
+    isSelected,
+    onReplace,
+    mergeBlocks,
+    clientId,
+    context
+  } = props;
+  const {
+    tagName,
+    linkTarget,
+    placeholder,
+    rel,
+    style,
+    text,
+    url,
+    width,
+    metadata
+  } = attributes;
+  useDeprecatedTextAlign(props);
+  const TagName = tagName || "a";
+  function onKeyDown(event) {
+    if (isKeyboardEvent.primary(event, "k")) {
+      startEditing(event);
+    } else if (isKeyboardEvent.primaryShift(event, "k")) {
+      unlink();
+      richTextRef.current?.focus();
+    }
+  }
+  const [popoverAnchor, setPopoverAnchor] = useState(null);
+  const borderProps = useBorderProps(attributes);
+  const colorProps = useColorProps(attributes);
+  const spacingProps = useSpacingProps(attributes);
+  const shadowProps = useShadowProps(attributes);
+  const ref = useRef();
+  const richTextRef = useRef();
+  const blockProps = useBlockProps({
+    ref: useMergeRefs([setPopoverAnchor, ref]),
+    onKeyDown
+  });
+  const blockEditingMode = useBlockEditingMode();
+  const [isEditingURL, setIsEditingURL] = useState(false);
+  const isURLSet = !!url;
+  const opensInNewTab = linkTarget === NEW_TAB_TARGET;
+  const nofollow = !!rel?.includes(NOFOLLOW_REL);
+  const isLinkTag = "a" === TagName;
+  const {
+    createPageEntity,
+    userCanCreatePages,
+    lockUrlControls = false
+  } = useSelect(
+    (select) => {
+      if (!isSelected) {
+        return {};
+      }
+      const _settings = select(blockEditorStore).getSettings();
+      const blockBindingsSource = getBlockBindingsSource(
+        metadata?.bindings?.url?.source
+      );
+      return {
+        createPageEntity: _settings.__experimentalCreatePageEntity,
+        userCanCreatePages: _settings.__experimentalUserCanCreatePages,
+        lockUrlControls: !!metadata?.bindings?.url && !blockBindingsSource?.canUserEditValue?.({
+          select,
+          context,
+          args: metadata?.bindings?.url?.args
+        })
+      };
+    },
+    [context, isSelected, metadata?.bindings?.url]
+  );
+  async function handleCreate(pageTitle) {
+    const page = await createPageEntity({
+      title: pageTitle,
+      status: "draft"
+    });
+    return {
+      id: page.id,
+      type: page.type,
+      title: page.title.rendered,
+      url: page.link,
+      kind: "post-type"
+    };
+  }
+  function createButtonText(searchTerm) {
+    return createInterpolateElement(
+      sprintf(
+        /* translators: %s: search term. */
+        __("Create page: <mark>%s</mark>"),
+        searchTerm
+      ),
+      { mark: /* @__PURE__ */ jsx("mark", {}) }
+    );
+  }
+  function startEditing(event) {
+    event.preventDefault();
+    setIsEditingURL(true);
+  }
+  function unlink() {
+    setAttributes({
+      url: void 0,
+      linkTarget: void 0,
+      rel: void 0
+    });
+    setIsEditingURL(false);
+  }
+  useEffect(() => {
+    if (!isSelected) {
+      setIsEditingURL(false);
+    }
+  }, [isSelected]);
+  const linkValue = useMemo(
+    () => ({ url, opensInNewTab, nofollow }),
+    [url, opensInNewTab, nofollow]
+  );
+  const useEnterRef = useEnter({ content: text, clientId });
+  const mergedRef = useMergeRefs([useEnterRef, richTextRef]);
+  const [fluidTypographySettings, layout] = useSettings(
+    "typography.fluid",
+    "layout"
+  );
+  const typographyProps = useTypographyProps(attributes, {
+    typography: {
+      fluid: fluidTypographySettings
+    },
+    layout: {
+      wideSize: layout?.wideSize
+    }
+  });
+  const hasNonContentControls = blockEditingMode === "default";
+  const hasBlockControls = hasNonContentControls || isLinkTag && !lockUrlControls;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...blockProps,
+        className: clsx(blockProps.className, {
+          [`has-custom-width wp-block-button__width-${width}`]: width
+        }),
+        children: /* @__PURE__ */ jsx(
+          RichText,
+          {
+            ref: mergedRef,
+            "aria-label": __("Button text"),
+            placeholder: placeholder || __("Add text\u2026"),
+            value: text,
+            onChange: (value) => setAttributes({
+              text: removeAnchorTag(value)
+            }),
+            withoutInteractiveFormatting: true,
+            className: clsx(
+              className,
+              "wp-block-button__link",
+              colorProps.className,
+              borderProps.className,
+              typographyProps.className,
+              {
+                // For backwards compatibility add style that isn't
+                // provided via block support.
+                "no-border-radius": style?.border?.radius === 0,
+                [`has-custom-font-size`]: blockProps.style.fontSize
+              },
+              __experimentalGetElementClassName("button")
+            ),
+            style: {
+              ...borderProps.style,
+              ...colorProps.style,
+              ...spacingProps.style,
+              ...shadowProps.style,
+              ...typographyProps.style,
+              writingMode: void 0
+            },
+            onReplace,
+            onMerge: mergeBlocks,
+            identifier: "text"
+          }
+        )
+      }
+    ),
+    hasBlockControls && /* @__PURE__ */ jsx(BlockControls, { group: "block", children: isLinkTag && !lockUrlControls && /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        name: "link",
+        icon: !isURLSet ? link : linkOff,
+        title: !isURLSet ? __("Link") : __("Unlink"),
+        shortcut: !isURLSet ? displayShortcut.primary("k") : displayShortcut.primaryShift("k"),
+        onClick: !isURLSet ? startEditing : unlink,
+        isActive: isURLSet
+      }
+    ) }),
+    isLinkTag && isSelected && (isEditingURL || isURLSet) && !lockUrlControls && /* @__PURE__ */ jsx(
+      Popover,
+      {
+        placement: "bottom",
+        onClose: () => {
+          setIsEditingURL(false);
+          richTextRef.current?.focus();
+        },
+        anchor: popoverAnchor,
+        focusOnMount: isEditingURL ? "firstElement" : false,
+        __unstableSlotName: "__unstable-block-tools-after",
+        shift: true,
+        children: /* @__PURE__ */ jsx(
+          LinkControl,
+          {
+            value: linkValue,
+            onChange: ({
+              url: newURL,
+              opensInNewTab: newOpensInNewTab,
+              nofollow: newNofollow
+            }) => setAttributes(
+              getUpdatedLinkAttributes({
+                rel,
+                url: newURL,
+                opensInNewTab: newOpensInNewTab,
+                nofollow: newNofollow
+              })
+            ),
+            onRemove: () => {
+              unlink();
+              richTextRef.current?.focus();
+            },
+            forceIsEditingLink: isEditingURL,
+            settings: LINK_SETTINGS,
+            createSuggestion: createPageEntity && handleCreate,
+            withCreateSuggestion: userCanCreatePages,
+            createSuggestionButtonText: createButtonText
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(InspectorControls, { children: /* @__PURE__ */ jsx(
+      WidthPanel,
+      {
+        selectedWidth: width,
+        setAttributes
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(InspectorControls, { group: "advanced", children: [
+      /* @__PURE__ */ jsx(
+        HTMLElementControl,
+        {
+          tagName,
+          onChange: (value) => setAttributes({ tagName: value }),
+          options: [
+            { label: __("Default (<a>)"), value: "a" },
+            { label: "<button>", value: "button" }
+          ]
+        }
+      ),
+      isLinkTag && /* @__PURE__ */ jsx(
+        TextControl,
+        {
+          __next40pxDefaultSize: true,
+          label: __("Link relation"),
+          help: createInterpolateElement(
+            __(
+              "The <a>Link Relation</a> attribute defines the relationship between a linked resource and the current document."
+            ),
+            {
+              a: /* @__PURE__ */ jsx(ExternalLink, { href: "https://developer.mozilla.org/docs/Web/HTML/Attributes/rel" })
+            }
+          ),
+          value: rel || "",
+          onChange: (newRel) => setAttributes({ rel: newRel })
+        }
+      )
+    ] })
+  ] });
+}
+var edit_default = ButtonEdit;
+export {
+  edit_default as default
+};
+//# sourceMappingURL=edit.mjs.map

package/build-module/button/edit.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/button/edit.js"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tuseEffect,\n\tuseState,\n\tuseRef,\n\tuseMemo,\n\tcreateInterpolateElement,\n} from '@wordpress/element';\nimport {\n\tTextControl,\n\tToolbarButton,\n\tPopover,\n\tExternalLink,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tuseBlockProps,\n\tLinkControl,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalUseColorProps as useColorProps,\n\t__experimentalGetSpacingClassesAndStyles as useSpacingProps,\n\t__experimentalGetShadowClassesAndStyles as useShadowProps,\n\t__experimentalGetElementClassName,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\n\tgetTypographyClassesAndStyles as useTypographyProps,\n\tuseSettings,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { displayShortcut, isKeyboardEvent, ENTER } from '@wordpress/keycodes';\nimport { link, linkOff } from '@wordpress/icons';\nimport {\n\tcreateBlock,\n\tcloneBlock,\n\tgetDefaultBlockName,\n\tgetBlockBindingsSource,\n} from '@wordpress/blocks';\nimport { useMergeRefs, useRefEffect } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { NEW_TAB_TARGET, NOFOLLOW_REL } from './constants';\nimport { getUpdatedLinkAttributes } from './get-updated-link-attributes';\nimport removeAnchorTag from '../utils/remove-anchor-tag';\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\nimport { unlock } from '../lock-unlock';\nimport useDeprecatedTextAlign from '../utils/deprecated-text-align-attributes';\n\nconst { HTMLElementControl } = unlock( blockEditorPrivateApis );\n\nconst LINK_SETTINGS = [\n\t...LinkControl.DEFAULT_LINK_SETTINGS,\n\t{\n\t\tid: 'nofollow',\n\t\ttitle: __( 'Mark as nofollow' ),\n\t},\n];\n\nfunction useEnter( props ) {\n\tconst { replaceBlocks, selectionChange } = useDispatch( blockEditorStore );\n\tconst { getBlock, getBlockRootClientId, getBlockIndex } =\n\t\tuseSelect( blockEditorStore );\n\tconst propsRef = useRef( props );\n\tpropsRef.current = props;\n\treturn useRefEffect( ( element ) => {\n\t\tfunction onKeyDown( event ) {\n\t\t\tif ( event.defaultPrevented || event.keyCode !== ENTER ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { content, clientId } = propsRef.current;\n\t\t\tif ( content.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tevent.preventDefault();\n\t\t\tconst topParentListBlock = getBlock(\n\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t);\n\t\t\tconst blockIndex = getBlockIndex( clientId );\n\t\t\tconst head = cloneBlock( {\n\t\t\t\t...topParentListBlock,\n\t\t\t\tinnerBlocks: topParentListBlock.innerBlocks.slice(\n\t\t\t\t\t0,\n\t\t\t\t\tblockIndex\n\t\t\t\t),\n\t\t\t} );\n\t\t\tconst middle = createBlock( getDefaultBlockName() );\n\t\t\tconst after = topParentListBlock.innerBlocks.slice(\n\t\t\t\tblockIndex + 1\n\t\t\t);\n\t\t\tconst tail = after.length\n\t\t\t\t? [\n\t\t\t\t\t\tcloneBlock( {\n\t\t\t\t\t\t\t...topParentListBlock,\n\t\t\t\t\t\t\tinnerBlocks: after,\n\t\t\t\t\t\t} ),\n\t\t\t\t  ]\n\t\t\t\t: [];\n\t\t\treplaceBlocks(\n\t\t\t\ttopParentListBlock.clientId,\n\t\t\t\t[ head, middle, ...tail ],\n\t\t\t\t1\n\t\t\t);\n\t\t\t// We manually change the selection here because we are replacing\n\t\t\t// a different block than the selected one.\n\t\t\tselectionChange( middle.clientId );\n\t\t}\n\n\t\telement.addEventListener( 'keydown', onKeyDown );\n\t\treturn () => {\n\t\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t\t};\n\t}, [] );\n}\n\nfunction WidthPanel( { selectedWidth, setAttributes } ) {\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tlabel={ __( 'Settings' ) }\n\t\t\tresetAll={ () => setAttributes( { width: undefined } ) }\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! selectedWidth }\n\t\t\t\tonDeselect={ () => setAttributes( { width: undefined } ) }\n\t\t\t>\n\t\t\t\t<ToggleGroupControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tvalue={ selectedWidth }\n\t\t\t\t\tonChange={ ( newWidth ) =>\n\t\t\t\t\t\tsetAttributes( { width: newWidth } )\n\t\t\t\t\t}\n\t\t\t\t\tisBlock\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t>\n\t\t\t\t\t{ [ 25, 50, 75, 100 ].map( ( widthValue ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\tkey={ widthValue }\n\t\t\t\t\t\t\t\tvalue={ widthValue }\n\t\t\t\t\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %d: Percentage value. */\n\t\t\t\t\t\t\t\t\t__( '%d%%' ),\n\t\t\t\t\t\t\t\t\twidthValue\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</ToggleGroupControl>\n\t\t\t</ToolsPanelItem>\n\t\t</ToolsPanel>\n\t);\n}\n\nfunction ButtonEdit( props ) {\n\tconst {\n\t\tattributes,\n\t\tsetAttributes,\n\t\tclassName,\n\t\tisSelected,\n\t\tonReplace,\n\t\tmergeBlocks,\n\t\tclientId,\n\t\tcontext,\n\t} = props;\n\tconst {\n\t\ttagName,\n\t\tlinkTarget,\n\t\tplaceholder,\n\t\trel,\n\t\tstyle,\n\t\ttext,\n\t\turl,\n\t\twidth,\n\t\tmetadata,\n\t} = attributes;\n\tuseDeprecatedTextAlign( props );\n\n\tconst TagName = tagName || 'a';\n\n\tfunction onKeyDown( event ) {\n\t\tif ( isKeyboardEvent.primary( event, 'k' ) ) {\n\t\t\tstartEditing( event );\n\t\t} else if ( isKeyboardEvent.primaryShift( event, 'k' ) ) {\n\t\t\tunlink();\n\t\t\trichTextRef.current?.focus();\n\t\t}\n\t}\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst colorProps = useColorProps( attributes );\n\tconst spacingProps = useSpacingProps( attributes );\n\tconst shadowProps = useShadowProps( attributes );\n\tconst ref = useRef();\n\tconst richTextRef = useRef();\n\tconst blockProps = useBlockProps( {\n\t\tref: useMergeRefs( [ setPopoverAnchor, ref ] ),\n\t\tonKeyDown,\n\t} );\n\tconst blockEditingMode = useBlockEditingMode();\n\n\tconst [ isEditingURL, setIsEditingURL ] = useState( false );\n\tconst isURLSet = !! url;\n\tconst opensInNewTab = linkTarget === NEW_TAB_TARGET;\n\tconst nofollow = !! rel?.includes( NOFOLLOW_REL );\n\tconst isLinkTag = 'a' === TagName;\n\n\tconst {\n\t\tcreatePageEntity,\n\t\tuserCanCreatePages,\n\t\tlockUrlControls = false,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! isSelected ) {\n\t\t\t\treturn {};\n\t\t\t}\n\n\t\t\tconst _settings = select( blockEditorStore ).getSettings();\n\n\t\t\tconst blockBindingsSource = getBlockBindingsSource(\n\t\t\t\tmetadata?.bindings?.url?.source\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tcreatePageEntity: _settings.__experimentalCreatePageEntity,\n\t\t\t\tuserCanCreatePages: _settings.__experimentalUserCanCreatePages,\n\t\t\t\tlockUrlControls:\n\t\t\t\t\t!! metadata?.bindings?.url &&\n\t\t\t\t\t! blockBindingsSource?.canUserEditValue?.( {\n\t\t\t\t\t\tselect,\n\t\t\t\t\t\tcontext,\n\t\t\t\t\t\targs: metadata?.bindings?.url?.args,\n\t\t\t\t\t} ),\n\t\t\t};\n\t\t},\n\t\t[ context, isSelected, metadata?.bindings?.url ]\n\t);\n\n\tasync function handleCreate( pageTitle ) {\n\t\tconst page = await createPageEntity( {\n\t\t\ttitle: pageTitle,\n\t\t\tstatus: 'draft',\n\t\t} );\n\n\t\treturn {\n\t\t\tid: page.id,\n\t\t\ttype: page.type,\n\t\t\ttitle: page.title.rendered,\n\t\t\turl: page.link,\n\t\t\tkind: 'post-type',\n\t\t};\n\t}\n\n\tfunction createButtonText( searchTerm ) {\n\t\treturn createInterpolateElement(\n\t\t\tsprintf(\n\t\t\t\t/* translators: %s: search term. */\n\t\t\t\t__( 'Create page: <mark>%s</mark>' ),\n\t\t\t\tsearchTerm\n\t\t\t),\n\t\t\t{ mark: <mark /> }\n\t\t);\n\t}\n\n\tfunction startEditing( event ) {\n\t\tevent.preventDefault();\n\t\tsetIsEditingURL( true );\n\t}\n\n\tfunction unlink() {\n\t\tsetAttributes( {\n\t\t\turl: undefined,\n\t\t\tlinkTarget: undefined,\n\t\t\trel: undefined,\n\t\t} );\n\t\tsetIsEditingURL( false );\n\t}\n\n\tuseEffect( () => {\n\t\tif ( ! isSelected ) {\n\t\t\tsetIsEditingURL( false );\n\t\t}\n\t}, [ isSelected ] );\n\n\t// Memoize link value to avoid overriding the LinkControl's internal state.\n\t// This is a temporary fix. See https://github.com/WordPress/gutenberg/issues/51256.\n\tconst linkValue = useMemo(\n\t\t() => ( { url, opensInNewTab, nofollow } ),\n\t\t[ url, opensInNewTab, nofollow ]\n\t);\n\n\tconst useEnterRef = useEnter( { content: text, clientId } );\n\tconst mergedRef = useMergeRefs( [ useEnterRef, richTextRef ] );\n\n\tconst [ fluidTypographySettings, layout ] = useSettings(\n\t\t'typography.fluid',\n\t\t'layout'\n\t);\n\tconst typographyProps = useTypographyProps( attributes, {\n\t\ttypography: {\n\t\t\tfluid: fluidTypographySettings,\n\t\t},\n\t\tlayout: {\n\t\t\twideSize: layout?.wideSize,\n\t\t},\n\t} );\n\n\tconst hasNonContentControls = blockEditingMode === 'default';\n\tconst hasBlockControls =\n\t\thasNonContentControls || ( isLinkTag && ! lockUrlControls );\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\t{ ...blockProps }\n\t\t\t\tclassName={ clsx( blockProps.className, {\n\t\t\t\t\t[ `has-custom-width wp-block-button__width-${ width }` ]:\n\t\t\t\t\t\twidth,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<RichText\n\t\t\t\t\tref={ mergedRef }\n\t\t\t\t\taria-label={ __( 'Button text' ) }\n\t\t\t\t\tplaceholder={ placeholder || __( 'Add text\u2026' ) }\n\t\t\t\t\tvalue={ text }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\ttext: removeAnchorTag( value ),\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t'wp-block-button__link',\n\t\t\t\t\t\tcolorProps.className,\n\t\t\t\t\t\tborderProps.className,\n\t\t\t\t\t\ttypographyProps.className,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// For backwards compatibility add style that isn't\n\t\t\t\t\t\t\t// provided via block support.\n\t\t\t\t\t\t\t'no-border-radius': style?.border?.radius === 0,\n\t\t\t\t\t\t\t[ `has-custom-font-size` ]:\n\t\t\t\t\t\t\t\tblockProps.style.fontSize,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t__experimentalGetElementClassName( 'button' )\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...borderProps.style,\n\t\t\t\t\t\t...colorProps.style,\n\t\t\t\t\t\t...spacingProps.style,\n\t\t\t\t\t\t...shadowProps.style,\n\t\t\t\t\t\t...typographyProps.style,\n\t\t\t\t\t\twritingMode: undefined,\n\t\t\t\t\t} }\n\t\t\t\t\tonReplace={ onReplace }\n\t\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\t\tidentifier=\"text\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ hasBlockControls && (\n\t\t\t\t<BlockControls group=\"block\">\n\t\t\t\t\t{ isLinkTag && ! lockUrlControls && (\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\tname=\"link\"\n\t\t\t\t\t\t\ticon={ ! isURLSet ? link : linkOff }\n\t\t\t\t\t\t\ttitle={ ! isURLSet ? __( 'Link' ) : __( 'Unlink' ) }\n\t\t\t\t\t\t\tshortcut={\n\t\t\t\t\t\t\t\t! isURLSet\n\t\t\t\t\t\t\t\t\t? displayShortcut.primary( 'k' )\n\t\t\t\t\t\t\t\t\t: displayShortcut.primaryShift( 'k' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={ ! isURLSet ? startEditing : unlink }\n\t\t\t\t\t\t\tisActive={ isURLSet }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t{ isLinkTag &&\n\t\t\t\tisSelected &&\n\t\t\t\t( isEditingURL || isURLSet ) &&\n\t\t\t\t! lockUrlControls && (\n\t\t\t\t\t<Popover\n\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\t\tsetIsEditingURL( false );\n\t\t\t\t\t\t\trichTextRef.current?.focus();\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tanchor={ popoverAnchor }\n\t\t\t\t\t\tfocusOnMount={ isEditingURL ? 'firstElement' : false }\n\t\t\t\t\t\t__unstableSlotName=\"__unstable-block-tools-after\"\n\t\t\t\t\t\tshift\n\t\t\t\t\t>\n\t\t\t\t\t\t<LinkControl\n\t\t\t\t\t\t\tvalue={ linkValue }\n\t\t\t\t\t\t\tonChange={ ( {\n\t\t\t\t\t\t\t\turl: newURL,\n\t\t\t\t\t\t\t\topensInNewTab: newOpensInNewTab,\n\t\t\t\t\t\t\t\tnofollow: newNofollow,\n\t\t\t\t\t\t\t} ) =>\n\t\t\t\t\t\t\t\tsetAttributes(\n\t\t\t\t\t\t\t\t\tgetUpdatedLinkAttributes( {\n\t\t\t\t\t\t\t\t\t\trel,\n\t\t\t\t\t\t\t\t\t\turl: newURL,\n\t\t\t\t\t\t\t\t\t\topensInNewTab: newOpensInNewTab,\n\t\t\t\t\t\t\t\t\t\tnofollow: newNofollow,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\t\tunlink();\n\t\t\t\t\t\t\t\trichTextRef.current?.focus();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tforceIsEditingLink={ isEditingURL }\n\t\t\t\t\t\t\tsettings={ LINK_SETTINGS }\n\t\t\t\t\t\t\tcreateSuggestion={\n\t\t\t\t\t\t\t\tcreatePageEntity && handleCreate\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\twithCreateSuggestion={ userCanCreatePages }\n\t\t\t\t\t\t\tcreateSuggestionButtonText={ createButtonText }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Popover>\n\t\t\t\t) }\n\t\t\t<InspectorControls>\n\t\t\t\t<WidthPanel\n\t\t\t\t\tselectedWidth={ width }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<HTMLElementControl\n\t\t\t\t\ttagName={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<a>)' ), value: 'a' },\n\t\t\t\t\t\t{ label: '<button>', value: 'button' },\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t\t{ isLinkTag && (\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Link relation' ) }\n\t\t\t\t\t\thelp={ createInterpolateElement(\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'The <a>Link Relation</a> attribute defines the relationship between a linked resource and the current document.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ta: (\n\t\t\t\t\t\t\t\t\t<ExternalLink href=\"https://developer.mozilla.org/docs/Web/HTML/Attributes/rel\" />\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tvalue={ rel || '' }\n\t\t\t\t\t\tonChange={ ( newRel ) =>\n\t\t\t\t\t\t\tsetAttributes( { rel: newRel } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n\nexport default ButtonEdit;\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/button/get-updated-link-attributes.mjs

@@ -0,0 +1,34 @@
+// packages/block-library/src/button/get-updated-link-attributes.js
+import { NEW_TAB_REL, NEW_TAB_TARGET, NOFOLLOW_REL } from "./constants.mjs";
+import { prependHTTP } from "@wordpress/url";
+function getUpdatedLinkAttributes({
+  rel = "",
+  url = "",
+  opensInNewTab,
+  nofollow
+}) {
+  let newLinkTarget;
+  let updatedRel = rel;
+  if (opensInNewTab) {
+    newLinkTarget = NEW_TAB_TARGET;
+    updatedRel = updatedRel?.includes(NEW_TAB_REL) ? updatedRel : updatedRel + ` ${NEW_TAB_REL}`;
+  } else {
+    const relRegex = new RegExp(`\\b${NEW_TAB_REL}\\s*`, "g");
+    updatedRel = updatedRel?.replace(relRegex, "").trim();
+  }
+  if (nofollow) {
+    updatedRel = updatedRel?.includes(NOFOLLOW_REL) ? updatedRel : (updatedRel + ` ${NOFOLLOW_REL}`).trim();
+  } else {
+    const relRegex = new RegExp(`\\b${NOFOLLOW_REL}\\s*`, "g");
+    updatedRel = updatedRel?.replace(relRegex, "").trim();
+  }
+  return {
+    url: prependHTTP(url),
+    linkTarget: newLinkTarget,
+    rel: updatedRel || void 0
+  };
+}
+export {
+  getUpdatedLinkAttributes
+};
+//# sourceMappingURL=get-updated-link-attributes.mjs.map

package/build-module/button/index.mjs

@@ -0,0 +1,66 @@
+// packages/block-library/src/button/index.js
+import { __ } from "@wordpress/i18n";
+import { button as icon } from "@wordpress/icons";
+import { privateApis as blocksPrivateApis } from "@wordpress/blocks";
+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 { unlock } from "../lock-unlock.mjs";
+var { fieldsKey, formKey } = unlock(blocksPrivateApis);
+var { name } = metadata;
+var settings = {
+  icon,
+  example: {
+    attributes: {
+      className: "is-style-fill",
+      text: __("Call to action")
+    }
+  },
+  edit,
+  save,
+  deprecated,
+  merge: (a, { text = "" }) => ({
+    ...a,
+    text: (a.text || "") + text
+  }),
+  __experimentalLabel(attributes, { context }) {
+    const { text } = attributes;
+    const customName = attributes?.metadata?.name;
+    const hasContent = text?.trim().length > 0;
+    if (context === "list-view" && (customName || hasContent)) {
+      return customName || text;
+    }
+  }
+};
+if (window.__experimentalContentOnlyInspectorFields) {
+  settings[fieldsKey] = [
+    {
+      id: "text",
+      label: __("Content"),
+      type: "richtext"
+    },
+    {
+      id: "link",
+      label: __("Link"),
+      type: "link",
+      mapping: {
+        url: "url",
+        rel: "rel",
+        linkTarget: "linkTarget"
+      }
+    }
+  ];
+  settings[formKey] = {
+    fields: ["text"]
+  };
+}
+var init = () => initBlock({ name, metadata, settings });
+export {
+  init,
+  metadata,
+  name,
+  settings
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/button/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/button/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { button 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 { 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\tclassName: 'is-style-fill',\n\t\t\ttext: __( 'Call to action' ),\n\t\t},\n\t},\n\tedit,\n\tsave,\n\tdeprecated,\n\tmerge: ( a, { text = '' } ) => ( {\n\t\t...a,\n\t\ttext: ( a.text || '' ) + text,\n\t} ),\n\t__experimentalLabel( attributes, { context } ) {\n\t\tconst { text } = attributes;\n\n\t\tconst customName = attributes?.metadata?.name;\n\t\tconst hasContent = text?.trim().length > 0;\n\n\t\t// In the list view, use the block's text as the label.\n\t\t// If the text is empty, fall back to the default label.\n\t\tif ( context === 'list-view' && ( customName || hasContent ) ) {\n\t\t\treturn customName || text;\n\t\t}\n\t},\n};\n\nif ( window.__experimentalContentOnlyInspectorFields ) {\n\tsettings[ fieldsKey ] = [\n\t\t{\n\t\t\tid: 'text',\n\t\t\tlabel: __( 'Content' ),\n\t\t\ttype: 'richtext',\n\t\t},\n\t\t{\n\t\t\tid: 'link',\n\t\t\tlabel: __( 'Link' ),\n\t\t\ttype: 'link',\n\t\t\tmapping: {\n\t\t\t\turl: 'url',\n\t\t\t\trel: 'rel',\n\t\t\t\tlinkTarget: 'linkTarget',\n\t\t\t},\n\t\t},\n\t];\n\tsettings[ formKey ] = {\n\t\tfields: [ 'text' ],\n\t};\n}\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],
+  "mappings": ";AAGA,SAAS,UAAU;AACnB,SAAS,UAAU,YAAY;AAC/B,SAAS,eAAe,yBAAyB;AAKjD,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,UAAU;AACjB,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,WAAW;AAAA,MACX,MAAM,GAAI,gBAAiB;AAAA,IAC5B;AAAA,EACD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO,CAAE,GAAG,EAAE,OAAO,GAAG,OAAS;AAAA,IAChC,GAAG;AAAA,IACH,OAAQ,EAAE,QAAQ,MAAO;AAAA,EAC1B;AAAA,EACA,oBAAqB,YAAY,EAAE,QAAQ,GAAI;AAC9C,UAAM,EAAE,KAAK,IAAI;AAEjB,UAAM,aAAa,YAAY,UAAU;AACzC,UAAM,aAAa,MAAM,KAAK,EAAE,SAAS;AAIzC,QAAK,YAAY,gBAAiB,cAAc,aAAe;AAC9D,aAAO,cAAc;AAAA,IACtB;AAAA,EACD;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,MAAO;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA,QACR,KAAK;AAAA,QACL,KAAK;AAAA,QACL,YAAY;AAAA,MACb;AAAA,IACD;AAAA,EACD;AACA,WAAU,OAAQ,IAAI;AAAA,IACrB,QAAQ,CAAE,MAAO;AAAA,EAClB;AACD;AAEO,IAAM,OAAO,MAAM,UAAW,EAAE,MAAM,UAAU,SAAS,CAAE;",
+  "names": []
+}

package/build-module/button/init.mjs

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

package/build-module/button/save.mjs

@@ -0,0 +1,77 @@
+// packages/block-library/src/button/save.js
+import clsx from "clsx";
+import {
+  RichText,
+  useBlockProps,
+  __experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles,
+  __experimentalGetColorClassesAndStyles as getColorClassesAndStyles,
+  __experimentalGetSpacingClassesAndStyles as getSpacingClassesAndStyles,
+  __experimentalGetShadowClassesAndStyles as getShadowClassesAndStyles,
+  __experimentalGetElementClassName,
+  getTypographyClassesAndStyles
+} from "@wordpress/block-editor";
+import { jsx } from "react/jsx-runtime";
+function save({ attributes, className }) {
+  const {
+    tagName,
+    type,
+    fontSize,
+    linkTarget,
+    rel,
+    style,
+    text,
+    title,
+    url,
+    width
+  } = attributes;
+  const TagName = tagName || "a";
+  const isButtonTag = "button" === TagName;
+  const buttonType = type || "button";
+  const borderProps = getBorderClassesAndStyles(attributes);
+  const colorProps = getColorClassesAndStyles(attributes);
+  const spacingProps = getSpacingClassesAndStyles(attributes);
+  const shadowProps = getShadowClassesAndStyles(attributes);
+  const typographyProps = getTypographyClassesAndStyles(attributes);
+  const buttonClasses = clsx(
+    "wp-block-button__link",
+    colorProps.className,
+    borderProps.className,
+    typographyProps.className,
+    {
+      // For backwards compatibility add style that isn't provided via
+      // block support.
+      "no-border-radius": style?.border?.radius === 0,
+      [`has-custom-font-size`]: fontSize || style?.typography?.fontSize
+    },
+    __experimentalGetElementClassName("button")
+  );
+  const buttonStyle = {
+    ...borderProps.style,
+    ...colorProps.style,
+    ...spacingProps.style,
+    ...shadowProps.style,
+    ...typographyProps.style,
+    writingMode: void 0
+  };
+  const wrapperClasses = clsx(className, {
+    [`has-custom-width wp-block-button__width-${width}`]: width
+  });
+  return /* @__PURE__ */ jsx("div", { ...useBlockProps.save({ className: wrapperClasses }), children: /* @__PURE__ */ jsx(
+    RichText.Content,
+    {
+      tagName: TagName,
+      type: isButtonTag ? buttonType : null,
+      className: buttonClasses,
+      href: isButtonTag ? null : url,
+      title,
+      style: buttonStyle,
+      value: text,
+      target: isButtonTag ? null : linkTarget,
+      rel: isButtonTag ? null : rel
+    }
+  ) });
+}
+export {
+  save as default
+};
+//# sourceMappingURL=save.mjs.map