@wordpress/block-library 8.35.0 → 9.0.0

package/build-module/button/edit.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -24,6 +23,9 @@ import { link, linkOff } from '@wordpress/icons';
 import { createBlock, cloneBlock, getDefaultBlockName, store as blocksStore } from '@wordpress/blocks';
 import { useMergeRefs, useRefEffect } from '@wordpress/compose';
 import { useSelect, useDispatch } from '@wordpress/data';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const LINK_SETTINGS = [...LinkControl.DEFAULT_LINK_SETTINGS, {
   id: 'nofollow',
   title: __('Mark as nofollow')
@@ -89,18 +91,20 @@ function WidthPanel({
       width
     });
   }
-  return createElement(PanelBody, {
-    title: __('Settings')
-  }, createElement(ButtonGroup, {
-    "aria-label": __('Button width')
-  }, [25, 50, 75, 100].map(widthValue => {
-    return createElement(Button, {
-      key: widthValue,
-      size: "small",
-      variant: widthValue === selectedWidth ? 'primary' : undefined,
-      onClick: () => handleChange(widthValue)
-    }, widthValue, "%");
-  })));
+  return /*#__PURE__*/_jsx(PanelBody, {
+    title: __('Settings'),
+    children: /*#__PURE__*/_jsx(ButtonGroup, {
+      "aria-label": __('Button width'),
+      children: [25, 50, 75, 100].map(widthValue => {
+        return /*#__PURE__*/_jsxs(Button, {
+          size: "small",
+          variant: widthValue === selectedWidth ? 'primary' : undefined,
+          onClick: () => handleChange(widthValue),
+          children: [widthValue, "%"]
+        }, widthValue);
+      })
+    })
+  });
 }
 function ButtonEdit(props) {
   const {
@@ -110,7 +114,8 @@ function ButtonEdit(props) {
     isSelected,
     onReplace,
     mergeBlocks,
-    clientId
+    clientId,
+    context
   } = props;
   const {
     tagName,
@@ -191,102 +196,114 @@ function ButtonEdit(props) {
     }
     const blockBindingsSource = unlock(select(blocksStore)).getBlockBindingsSource(metadata?.bindings?.url?.source);
     return {
-      lockUrlControls: !!metadata?.bindings?.url && (!blockBindingsSource || blockBindingsSource?.lockAttributesEditing)
+      lockUrlControls: !!metadata?.bindings?.url && !blockBindingsSource?.canUserEditValue({
+        select,
+        context,
+        args: metadata?.bindings?.url?.args
+      })
     };
-  }, [isSelected]);
-  return createElement(Fragment, null, createElement("div", {
-    ...blockProps,
-    className: clsx(blockProps.className, {
-      [`has-custom-width wp-block-button__width-${width}`]: width,
-      [`has-custom-font-size`]: blockProps.style.fontSize
-    })
-  }, createElement(RichText, {
-    ref: mergedRef,
-    "aria-label": __('Button text'),
-    placeholder: placeholder || __('Add text…'),
-    value: text,
-    onChange: value => setAttributes({
-      text: removeAnchorTag(value)
-    }),
-    withoutInteractiveFormatting: true,
-    className: clsx(className, 'wp-block-button__link', colorProps.className, borderProps.className, {
-      [`has-text-align-${textAlign}`]: textAlign,
-      // For backwards compatibility add style that isn't
-      // provided via block support.
-      'no-border-radius': style?.border?.radius === 0
-    }, __experimentalGetElementClassName('button')),
-    style: {
-      ...borderProps.style,
-      ...colorProps.style,
-      ...spacingProps.style,
-      ...shadowProps.style
-    },
-    onReplace: onReplace,
-    onMerge: mergeBlocks,
-    identifier: "text"
-  })), createElement(BlockControls, {
-    group: "block"
-  }, blockEditingMode === 'default' && createElement(AlignmentControl, {
-    value: textAlign,
-    onChange: nextAlign => {
-      setAttributes({
-        textAlign: nextAlign
-      });
-    }
-  }), !isURLSet && isLinkTag && !lockUrlControls && createElement(ToolbarButton, {
-    name: "link",
-    icon: link,
-    title: __('Link'),
-    shortcut: displayShortcut.primary('k'),
-    onClick: startEditing
-  }), isURLSet && isLinkTag && !lockUrlControls && createElement(ToolbarButton, {
-    name: "link",
-    icon: linkOff,
-    title: __('Unlink'),
-    shortcut: displayShortcut.primaryShift('k'),
-    onClick: unlink,
-    isActive: true
-  })), isLinkTag && isSelected && (isEditingURL || isURLSet) && !lockUrlControls && createElement(Popover, {
-    placement: "bottom",
-    onClose: () => {
-      setIsEditingURL(false);
-      richTextRef.current?.focus();
-    },
-    anchor: popoverAnchor,
-    focusOnMount: isEditingURL ? 'firstElement' : false,
-    __unstableSlotName: '__unstable-block-tools-after',
-    shift: true
-  }, createElement(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
-  })), createElement(InspectorControls, null, createElement(WidthPanel, {
-    selectedWidth: width,
-    setAttributes: setAttributes
-  })), createElement(InspectorControls, {
-    group: "advanced"
-  }, isLinkTag && createElement(TextControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Link rel'),
-    value: rel || '',
-    onChange: newRel => setAttributes({
-      rel: newRel
-    })
-  })));
+  }, [isSelected, metadata?.bindings?.url]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      ...blockProps,
+      className: clsx(blockProps.className, {
+        [`has-custom-width wp-block-button__width-${width}`]: width,
+        [`has-custom-font-size`]: blockProps.style.fontSize
+      }),
+      children: /*#__PURE__*/_jsx(RichText, {
+        ref: mergedRef,
+        "aria-label": __('Button text'),
+        placeholder: placeholder || __('Add text…'),
+        value: text,
+        onChange: value => setAttributes({
+          text: removeAnchorTag(value)
+        }),
+        withoutInteractiveFormatting: true,
+        className: clsx(className, 'wp-block-button__link', colorProps.className, borderProps.className, {
+          [`has-text-align-${textAlign}`]: textAlign,
+          // For backwards compatibility add style that isn't
+          // provided via block support.
+          'no-border-radius': style?.border?.radius === 0
+        }, __experimentalGetElementClassName('button')),
+        style: {
+          ...borderProps.style,
+          ...colorProps.style,
+          ...spacingProps.style,
+          ...shadowProps.style
+        },
+        onReplace: onReplace,
+        onMerge: mergeBlocks,
+        identifier: "text"
+      })
+    }), /*#__PURE__*/_jsxs(BlockControls, {
+      group: "block",
+      children: [blockEditingMode === 'default' && /*#__PURE__*/_jsx(AlignmentControl, {
+        value: textAlign,
+        onChange: nextAlign => {
+          setAttributes({
+            textAlign: nextAlign
+          });
+        }
+      }), !isURLSet && isLinkTag && !lockUrlControls && /*#__PURE__*/_jsx(ToolbarButton, {
+        name: "link",
+        icon: link,
+        title: __('Link'),
+        shortcut: displayShortcut.primary('k'),
+        onClick: startEditing
+      }), isURLSet && isLinkTag && !lockUrlControls && /*#__PURE__*/_jsx(ToolbarButton, {
+        name: "link",
+        icon: linkOff,
+        title: __('Unlink'),
+        shortcut: displayShortcut.primaryShift('k'),
+        onClick: unlink,
+        isActive: true
+      })]
+    }), 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
+      })
+    }), /*#__PURE__*/_jsx(InspectorControls, {
+      children: /*#__PURE__*/_jsx(WidthPanel, {
+        selectedWidth: width,
+        setAttributes: setAttributes
+      })
+    }), /*#__PURE__*/_jsx(InspectorControls, {
+      group: "advanced",
+      children: isLinkTag && /*#__PURE__*/_jsx(TextControl, {
+        __nextHasNoMarginBottom: true,
+        label: __('Link rel'),
+        value: rel || '',
+        onChange: newRel => setAttributes({
+          rel: newRel
+        })
+      })
+    })]
+  });
 }
 export default ButtonEdit;
 //# sourceMappingURL=edit.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["clsx","NEW_TAB_TARGET","NOFOLLOW_REL","getUpdatedLinkAttributes","removeAnchorTag","unlock","__","useEffect","useState","useRef","useMemo","Button","ButtonGroup","PanelBody","TextControl","ToolbarButton","Popover","AlignmentControl","BlockControls","InspectorControls","RichText","useBlockProps","__experimentalUseBorderProps","useBorderProps","__experimentalUseColorProps","useColorProps","__experimentalGetSpacingClassesAndStyles","useSpacingProps","__experimentalGetShadowClassesAndStyles","useShadowProps","__experimentalLinkControl","LinkControl","__experimentalGetElementClassName","store","blockEditorStore","useBlockEditingMode","displayShortcut","isKeyboardEvent","ENTER","link","linkOff","createBlock","cloneBlock","getDefaultBlockName","blocksStore","useMergeRefs","useRefEffect","useSelect","useDispatch","LINK_SETTINGS","DEFAULT_LINK_SETTINGS","id","title","useEnter","props","replaceBlocks","selectionChange","getBlock","getBlockRootClientId","getBlockIndex","propsRef","current","element","onKeyDown","event","defaultPrevented","keyCode","content","clientId","length","preventDefault","topParentListBlock","blockIndex","head","innerBlocks","slice","middle","after","tail","addEventListener","removeEventListener","WidthPanel","selectedWidth","setAttributes","handleChange","newWidth","width","undefined","createElement","map","widthValue","key","size","variant","onClick","ButtonEdit","attributes","className","isSelected","onReplace","mergeBlocks","tagName","textAlign","linkTarget","placeholder","rel","style","text","url","metadata","TagName","primary","startEditing","primaryShift","unlink","richTextRef","focus","popoverAnchor","setPopoverAnchor","borderProps","colorProps","spacingProps","shadowProps","ref","blockProps","blockEditingMode","isEditingURL","setIsEditingURL","isURLSet","opensInNewTab","nofollow","includes","isLinkTag","linkValue","useEnterRef","mergedRef","lockUrlControls","select","blockBindingsSource","getBlockBindingsSource","bindings","source","lockAttributesEditing","Fragment","fontSize","value","onChange","withoutInteractiveFormatting","border","radius","onMerge","identifier","group","nextAlign","name","icon","shortcut","isActive","placement","onClose","anchor","focusOnMount","__unstableSlotName","shift","newURL","newOpensInNewTab","newNofollow","onRemove","forceIsEditingLink","settings","__nextHasNoMarginBottom","label","newRel"],"sources":["@wordpress/block-library/src/button/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\nimport { NEW_TAB_TARGET, NOFOLLOW_REL } from './constants';\nimport { getUpdatedLinkAttributes } from './get-updated-link-attributes';\nimport removeAnchorTag from '../utils/remove-anchor-tag';\nimport { unlock } from '../lock-unlock';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useState, useRef, useMemo } from '@wordpress/element';\nimport {\n\tButton,\n\tButtonGroup,\n\tPanelBody,\n\tTextControl,\n\tToolbarButton,\n\tPopover,\n} from '@wordpress/components';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalUseColorProps as useColorProps,\n\t__experimentalGetSpacingClassesAndStyles as useSpacingProps,\n\t__experimentalGetShadowClassesAndStyles as useShadowProps,\n\t__experimentalLinkControl as LinkControl,\n\t__experimentalGetElementClassName,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\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\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useMergeRefs, useRefEffect } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\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\tfunction handleChange( newWidth ) {\n\t\t// Check if we are toggling the width off\n\t\tconst width = selectedWidth === newWidth ? undefined : newWidth;\n\n\t\t// Update attributes.\n\t\tsetAttributes( { width } );\n\t}\n\n\treturn (\n\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t<ButtonGroup aria-label={ __( 'Button width' ) }>\n\t\t\t\t{ [ 25, 50, 75, 100 ].map( ( widthValue ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ widthValue }\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\twidthValue === selectedWidth\n\t\t\t\t\t\t\t\t\t? 'primary'\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={ () => handleChange( widthValue ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ widthValue }%\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ButtonGroup>\n\t\t</PanelBody>\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} = props;\n\tconst {\n\t\ttagName,\n\t\ttextAlign,\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\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\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 { lockUrlControls = false } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! isSelected ) {\n\t\t\t\treturn {};\n\t\t\t}\n\n\t\t\tconst blockBindingsSource = unlock(\n\t\t\t\tselect( blocksStore )\n\t\t\t).getBlockBindingsSource( metadata?.bindings?.url?.source );\n\n\t\t\treturn {\n\t\t\t\tlockUrlControls:\n\t\t\t\t\t!! metadata?.bindings?.url &&\n\t\t\t\t\t( ! blockBindingsSource ||\n\t\t\t\t\t\tblockBindingsSource?.lockAttributesEditing ),\n\t\t\t};\n\t\t},\n\t\t[ isSelected ]\n\t);\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\t[ `has-custom-font-size` ]: blockProps.style.fontSize,\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…' ) }\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\t{\n\t\t\t\t\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\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},\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} }\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<BlockControls group=\"block\">\n\t\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t\t<AlignmentControl\n\t\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! isURLSet && isLinkTag && ! lockUrlControls && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tname=\"link\"\n\t\t\t\t\t\ticon={ link }\n\t\t\t\t\t\ttitle={ __( 'Link' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\tonClick={ startEditing }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isURLSet && isLinkTag && ! lockUrlControls && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tname=\"link\"\n\t\t\t\t\t\ticon={ linkOff }\n\t\t\t\t\t\ttitle={ __( 'Unlink' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primaryShift( 'k' ) }\n\t\t\t\t\t\tonClick={ unlink }\n\t\t\t\t\t\tisActive\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\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/>\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{ isLinkTag && (\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Link rel' ) }\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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","ignoreList":[]}
+{"version":3,"names":["clsx","NEW_TAB_TARGET","NOFOLLOW_REL","getUpdatedLinkAttributes","removeAnchorTag","unlock","__","useEffect","useState","useRef","useMemo","Button","ButtonGroup","PanelBody","TextControl","ToolbarButton","Popover","AlignmentControl","BlockControls","InspectorControls","RichText","useBlockProps","__experimentalUseBorderProps","useBorderProps","__experimentalUseColorProps","useColorProps","__experimentalGetSpacingClassesAndStyles","useSpacingProps","__experimentalGetShadowClassesAndStyles","useShadowProps","__experimentalLinkControl","LinkControl","__experimentalGetElementClassName","store","blockEditorStore","useBlockEditingMode","displayShortcut","isKeyboardEvent","ENTER","link","linkOff","createBlock","cloneBlock","getDefaultBlockName","blocksStore","useMergeRefs","useRefEffect","useSelect","useDispatch","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","LINK_SETTINGS","DEFAULT_LINK_SETTINGS","id","title","useEnter","props","replaceBlocks","selectionChange","getBlock","getBlockRootClientId","getBlockIndex","propsRef","current","element","onKeyDown","event","defaultPrevented","keyCode","content","clientId","length","preventDefault","topParentListBlock","blockIndex","head","innerBlocks","slice","middle","after","tail","addEventListener","removeEventListener","WidthPanel","selectedWidth","setAttributes","handleChange","newWidth","width","undefined","children","map","widthValue","size","variant","onClick","ButtonEdit","attributes","className","isSelected","onReplace","mergeBlocks","context","tagName","textAlign","linkTarget","placeholder","rel","style","text","url","metadata","TagName","primary","startEditing","primaryShift","unlink","richTextRef","focus","popoverAnchor","setPopoverAnchor","borderProps","colorProps","spacingProps","shadowProps","ref","blockProps","blockEditingMode","isEditingURL","setIsEditingURL","isURLSet","opensInNewTab","nofollow","includes","isLinkTag","linkValue","useEnterRef","mergedRef","lockUrlControls","select","blockBindingsSource","getBlockBindingsSource","bindings","source","canUserEditValue","args","fontSize","value","onChange","withoutInteractiveFormatting","border","radius","onMerge","identifier","group","nextAlign","name","icon","shortcut","isActive","placement","onClose","anchor","focusOnMount","__unstableSlotName","shift","newURL","newOpensInNewTab","newNofollow","onRemove","forceIsEditingLink","settings","__nextHasNoMarginBottom","label","newRel"],"sources":["@wordpress/block-library/src/button/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\nimport { NEW_TAB_TARGET, NOFOLLOW_REL } from './constants';\nimport { getUpdatedLinkAttributes } from './get-updated-link-attributes';\nimport removeAnchorTag from '../utils/remove-anchor-tag';\nimport { unlock } from '../lock-unlock';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useState, useRef, useMemo } from '@wordpress/element';\nimport {\n\tButton,\n\tButtonGroup,\n\tPanelBody,\n\tTextControl,\n\tToolbarButton,\n\tPopover,\n} from '@wordpress/components';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalUseColorProps as useColorProps,\n\t__experimentalGetSpacingClassesAndStyles as useSpacingProps,\n\t__experimentalGetShadowClassesAndStyles as useShadowProps,\n\t__experimentalLinkControl as LinkControl,\n\t__experimentalGetElementClassName,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\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\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useMergeRefs, useRefEffect } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\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\tfunction handleChange( newWidth ) {\n\t\t// Check if we are toggling the width off\n\t\tconst width = selectedWidth === newWidth ? undefined : newWidth;\n\n\t\t// Update attributes.\n\t\tsetAttributes( { width } );\n\t}\n\n\treturn (\n\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t<ButtonGroup aria-label={ __( 'Button width' ) }>\n\t\t\t\t{ [ 25, 50, 75, 100 ].map( ( widthValue ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ widthValue }\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\twidthValue === selectedWidth\n\t\t\t\t\t\t\t\t\t? 'primary'\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={ () => handleChange( widthValue ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ widthValue }%\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ButtonGroup>\n\t\t</PanelBody>\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\ttextAlign,\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\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\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 { lockUrlControls = false } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! isSelected ) {\n\t\t\t\treturn {};\n\t\t\t}\n\n\t\t\tconst blockBindingsSource = unlock(\n\t\t\t\tselect( blocksStore )\n\t\t\t).getBlockBindingsSource( metadata?.bindings?.url?.source );\n\n\t\t\treturn {\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[ isSelected, metadata?.bindings?.url ]\n\t);\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\t[ `has-custom-font-size` ]: blockProps.style.fontSize,\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…' ) }\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\t{\n\t\t\t\t\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\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},\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} }\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<BlockControls group=\"block\">\n\t\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t\t<AlignmentControl\n\t\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! isURLSet && isLinkTag && ! lockUrlControls && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tname=\"link\"\n\t\t\t\t\t\ticon={ link }\n\t\t\t\t\t\ttitle={ __( 'Link' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\tonClick={ startEditing }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isURLSet && isLinkTag && ! lockUrlControls && (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tname=\"link\"\n\t\t\t\t\t\ticon={ linkOff }\n\t\t\t\t\t\ttitle={ __( 'Unlink' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primaryShift( 'k' ) }\n\t\t\t\t\t\tonClick={ unlink }\n\t\t\t\t\t\tisActive\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\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/>\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{ isLinkTag && (\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Link rel' ) }\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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","ignoreList":[]}

package/build-module/button/edit.native.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -10,8 +9,8 @@ import { View, AccessibilityInfo, Platform, Text } from 'react-native';
 import { useCallback, useEffect, useState, useRef } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { __, _x } from '@wordpress/i18n';
-import { RichText, InspectorControls, BlockControls, store as blockEditorStore, getColorObjectByAttributeValues, getGradientValueBySlug, __experimentalGetColorClassesAndStyles as getColorClassesAndStyles } from '@wordpress/block-editor';
-import { PanelBody, ToolbarGroup, ToolbarButton, LinkSettingsNavigation, UnitControl, getValueAndUnit, BottomSheetSelectControl, CSS_UNITS, filterUnitsWithSettings, useMobileGlobalStylesColors } from '@wordpress/components';
+import { RichText, InspectorControls, BlockControls, store as blockEditorStore, getColorObjectByAttributeValues, getGradientValueBySlug, __experimentalGetColorClassesAndStyles as getColorClassesAndStyles, useMobileGlobalStylesColors } from '@wordpress/block-editor';
+import { PanelBody, ToolbarGroup, ToolbarButton, LinkSettingsNavigation, UnitControl, getValueAndUnit, BottomSheetSelectControl, CSS_UNITS, filterUnitsWithSettings } from '@wordpress/components';
 import { link } from '@wordpress/icons';
 // eslint-disable-next-line no-restricted-imports
 import { store as editPostStore } from '@wordpress/edit-post';
@@ -22,6 +21,9 @@ import { store as editPostStore } from '@wordpress/edit-post';
 import richTextStyle from './rich-text.scss';
 import styles from './editor.scss';
 import ColorBackground from './color-background';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const MIN_BORDER_RADIUS_VALUE = 0;
 const MAX_BORDER_RADIUS_VALUE = 50;
 const INITIAL_MAX_WIDTH = 108;
@@ -67,14 +69,15 @@ function WidthPanel({
   if (!selectedWidth) {
     selectedWidth = 'auto';
   }
-  return createElement(PanelBody, {
-    title: __('Width Settings')
-  }, createElement(BottomSheetSelectControl, {
-    label: __('Button width'),
-    value: selectedWidth,
-    onChange: handleChange,
-    options: options
-  }));
+  return /*#__PURE__*/_jsx(PanelBody, {
+    title: __('Width Settings'),
+    children: /*#__PURE__*/_jsx(BottomSheetSelectControl, {
+      label: __('Button width'),
+      value: selectedWidth,
+      onChange: handleChange,
+      options: options
+    })
+  });
 }
 function ButtonEdit(props) {
   const {
@@ -335,7 +338,7 @@ function ButtonEdit(props) {
       attributes,
       setAttributes
     } = props;
-    return createElement(LinkSettingsNavigation, {
+    return /*#__PURE__*/_jsx(LinkSettingsNavigation, {
       isVisible: isLinkSheetVisible,
       url: attributes.url,
       rel: attributes.rel,
@@ -353,10 +356,11 @@ function ButtonEdit(props) {
   // Render `Text` with `placeholderText` styled as a placeholder
   // to calculate its width which then is set as a `minWidth`
   function getPlaceholderWidth(placeholderText) {
-    return createElement(Text, {
+    return /*#__PURE__*/_jsx(Text, {
       style: styles.placeholder,
-      onTextLayout: onPlaceholderTextWidth
-    }, placeholderText);
+      onTextLayout: onPlaceholderTextWidth,
+      children: placeholderText
+    });
   }
   function getBorderRadiusValue(currentBorderRadius, defaultBorderRadius) {
     const valueAndUnit = getValueAndUnit(currentBorderRadius);
@@ -418,62 +422,74 @@ function ButtonEdit(props) {
     paddingRight: isFixedWidth ? 0 : richTextStyle.richText.paddingRight,
     color: textColor
   };
-  return createElement(View, {
-    onLayout: onLayout
-  }, getPlaceholderWidth(placeholderText), createElement(ColorBackground, {
-    borderRadiusValue: buttonBorderRadiusValue,
-    backgroundColor: backgroundColor,
-    isSelected: isSelected
-  }, isSelected && createElement(View, {
-    pointerEvents: "none",
-    style: outLineStyles
-  }), createElement(RichText, {
-    ref: onSetRef,
-    placeholder: placeholderText,
-    value: text,
-    onChange: onChangeText,
-    style: textStyles,
-    textAlign: align,
-    placeholderTextColor: style?.color || styles.placeholderTextColor.color,
-    identifier: "text",
-    tagName: "p",
-    minWidth: minWidth // The minimum Button size.
-    ,
-    maxWidth: isFixedWidth ? minWidth : maxWidth // The width of the screen.
-    ,
-    id: clientId,
-    isSelected: isButtonFocused,
-    withoutInteractiveFormatting: true,
-    unstableOnFocus: onUnstableOnFocus,
-    __unstableMobileNoFocusOnMount: !isSelected,
-    selectionColor: textColor,
-    onBlur: onBlur,
-    onReplace: onReplace,
-    onRemove: onRemove,
-    onMerge: mergeBlocks,
-    fontSize: style?.fontSize
-  })), isSelected && createElement(Fragment, null, createElement(BlockControls, null, createElement(ToolbarGroup, null, createElement(ToolbarButton, {
-    title: __('Edit link'),
-    icon: link,
-    onClick: onShowLinkSettings,
-    isActive: url
-  }))), getLinkSettings(false), createElement(InspectorControls, null, createElement(PanelBody, {
-    title: __('Border Settings')
-  }, createElement(UnitControl, {
-    label: __('Border Radius'),
-    min: MIN_BORDER_RADIUS_VALUE,
-    max: MAX_BORDER_RADIUS_VALUE,
-    value: borderRadiusValue,
-    onChange: onChangeBorderRadius,
-    onUnitChange: onChangeBorderRadiusUnit,
-    unit: borderRadiusUnit,
-    units: filterUnitsWithSettings(['px', 'em', 'rem'], CSS_UNITS)
-  })), createElement(WidthPanel, {
-    selectedWidth: width,
-    setAttributes: setAttributes
-  }), createElement(PanelBody, {
-    title: __('Link Settings')
-  }, getLinkSettings(true)))));
+  return /*#__PURE__*/_jsxs(View, {
+    onLayout: onLayout,
+    children: [getPlaceholderWidth(placeholderText), /*#__PURE__*/_jsxs(ColorBackground, {
+      borderRadiusValue: buttonBorderRadiusValue,
+      backgroundColor: backgroundColor,
+      isSelected: isSelected,
+      children: [isSelected && /*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        style: outLineStyles
+      }), /*#__PURE__*/_jsx(RichText, {
+        ref: onSetRef,
+        placeholder: placeholderText,
+        value: text,
+        onChange: onChangeText,
+        style: textStyles,
+        textAlign: align,
+        placeholderTextColor: style?.color || styles.placeholderTextColor.color,
+        identifier: "text",
+        tagName: "p",
+        minWidth: minWidth // The minimum Button size.
+        ,
+        maxWidth: isFixedWidth ? minWidth : maxWidth // The width of the screen.
+        ,
+        id: clientId,
+        isSelected: isButtonFocused,
+        withoutInteractiveFormatting: true,
+        unstableOnFocus: onUnstableOnFocus,
+        __unstableMobileNoFocusOnMount: !isSelected,
+        selectionColor: textColor,
+        onBlur: onBlur,
+        onReplace: onReplace,
+        onRemove: onRemove,
+        onMerge: mergeBlocks,
+        fontSize: style?.fontSize
+      })]
+    }), isSelected && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(BlockControls, {
+        children: /*#__PURE__*/_jsx(ToolbarGroup, {
+          children: /*#__PURE__*/_jsx(ToolbarButton, {
+            title: __('Edit link'),
+            icon: link,
+            onClick: onShowLinkSettings,
+            isActive: url
+          })
+        })
+      }), getLinkSettings(false), /*#__PURE__*/_jsxs(InspectorControls, {
+        children: [/*#__PURE__*/_jsx(PanelBody, {
+          title: __('Border Settings'),
+          children: /*#__PURE__*/_jsx(UnitControl, {
+            label: __('Border Radius'),
+            min: MIN_BORDER_RADIUS_VALUE,
+            max: MAX_BORDER_RADIUS_VALUE,
+            value: borderRadiusValue,
+            onChange: onChangeBorderRadius,
+            onUnitChange: onChangeBorderRadiusUnit,
+            unit: borderRadiusUnit,
+            units: filterUnitsWithSettings(['px', 'em', 'rem'], CSS_UNITS)
+          })
+        }), /*#__PURE__*/_jsx(WidthPanel, {
+          selectedWidth: width,
+          setAttributes: setAttributes
+        }), /*#__PURE__*/_jsx(PanelBody, {
+          title: __('Link Settings'),
+          children: getLinkSettings(true)
+        })]
+      })]
+    })]
+  });
 }
 export default ButtonEdit;
 //# sourceMappingURL=edit.native.js.map