@wordpress/block-library 6.0.1 → 6.0.5

package/build/button/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/button/edit.native.js"],"names":["MIN_BORDER_RADIUS_VALUE","MAX_BORDER_RADIUS_VALUE","INITIAL_MAX_WIDTH","MIN_WIDTH","MIN_WIDTH_MARGINS","styles","button75","marginLeft","button50","button25","WidthPanel","selectedWidth","setAttributes","handleChange","newWidth","width","undefined","options","value","label","ButtonEdit","Component","constructor","props","onChangeText","bind","onChangeBorderRadius","onChangeBorderRadiusUnit","onClearSettings","onLayout","onSetMaxWidth","dismissSheet","onShowLinkSettings","onHideLinkSettings","onToggleButtonFocus","onPlaceholderTextWidth","setRef","onRemove","getPlaceholderWidth","borderRadius","attributes","style","border","radius","valueUnit","state","maxWidth","isLinkSheetVisible","isButtonFocused","placeholderTextWidth","borderRadiusUnit","linkSettingsActions","onPress","linkSettingsOptions","url","placeholder","autoFocus","autoFill","openInNewTab","linkRel","noFocusLinkSettingOptions","componentDidMount","componentDidUpdate","prevProps","prevState","isSelected","editorSidebarOpened","parentWidth","Platform","OS","richTextRef","blur","AccessibilityInfo","isScreenReaderEnabled","then","enabled","focus","getBackgroundColor","colors","gradients","backgroundColor","gradient","gradientValue","colorProps","colorObject","color","background","defaultButton","getTextColor","textColor","text","newRadius","newStyle","getNewStyle","newRadiusUnit","getBorderRadiusValue","setState","radiusUnit","rel","linkTarget","nativeEvent","layout","isParentWidthDidChange","marginRight","spacing","isParentWidthChanged","isWidthChanged","numOfButtons","onDeleteBlock","onReplace","closeSettingsBottomSheet","getLinkSettings","isCompatibleWithSettings","richText","placeholderText","textWidth","lines","Math","min","defaultBorderRadius","valueAndUnit","Number","isInteger","parseInt","valueToConvert","parseFloat","render","clientId","mergeBlocks","buttonStyle","align","paddingTop","borderWidth","borderRadiusValue","buttonBorderRadiusValue","floor","outlineBorderRadius","minWidth","isFixedWidth","outline","borderColor","richTextStyle","paddingLeft","paddingRight","placeholderTextColor","link","CSS_UNITS","withInstanceId","withGradient","select","isEditorSidebarOpened","getBlockCount","getBlockRootClientId","getSettings","blockEditorStore","parentId","settings","dispatch","closeGeneralSidebar"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, AccessibilityInfo, Platform, Text } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { withInstanceId, compose } from '@wordpress/compose';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tRichText,\n\tInspectorControls,\n\tBlockControls,\n\twithGradient,\n\tstore as blockEditorStore,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\t__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tToolbarGroup,\n\tToolbarButton,\n\tLinkSettingsNavigation,\n\tUnitControl,\n\tgetValueAndUnit,\n\tBottomSheetSelectControl,\n\tCSS_UNITS,\n\tfilterUnitsWithSettings,\n} from '@wordpress/components';\nimport { Component } from '@wordpress/element';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { link } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport richTextStyle from './rich-text.scss';\nimport styles from './editor.scss';\nimport ColorBackground from './color-background';\n\nconst MIN_BORDER_RADIUS_VALUE = 0;\nconst MAX_BORDER_RADIUS_VALUE = 50;\nconst INITIAL_MAX_WIDTH = 108;\nconst MIN_WIDTH = 40;\n// Map of the percentage width to pixel subtraction that make the buttons fit nicely into columns.\nconst MIN_WIDTH_MARGINS = {\n\t100: 0,\n\t75: styles.button75?.marginLeft,\n\t50: styles.button50?.marginLeft,\n\t25: styles.button25?.marginLeft,\n};\n\nfunction WidthPanel( { selectedWidth, setAttributes } ) {\n\tfunction handleChange( newWidth ) {\n\t\t// Check if we are toggling the width off\n\t\tlet width = selectedWidth === newWidth ? undefined : newWidth;\n\t\tif ( newWidth === 'auto' ) {\n\t\t\twidth = undefined;\n\t\t}\n\t\t// Update attributes\n\t\tsetAttributes( { width } );\n\t}\n\n\tconst options = [\n\t\t{ value: 'auto', label: __( 'Auto' ) },\n\t\t{ value: 25, label: '25%' },\n\t\t{ value: 50, label: '50%' },\n\t\t{ value: 75, label: '75%' },\n\t\t{ value: 100, label: '100%' },\n\t];\n\n\tif ( ! selectedWidth ) {\n\t\tselectedWidth = 'auto';\n\t}\n\n\treturn (\n\t\t<PanelBody title={ __( 'Width Settings' ) }>\n\t\t\t<BottomSheetSelectControl\n\t\t\t\tlabel={ __( 'Button width' ) }\n\t\t\t\tvalue={ selectedWidth }\n\t\t\t\tonChange={ handleChange }\n\t\t\t\toptions={ options }\n\t\t\t/>\n\t\t</PanelBody>\n\t);\n}\n\nclass ButtonEdit extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.onChangeText = this.onChangeText.bind( this );\n\t\tthis.onChangeBorderRadius = this.onChangeBorderRadius.bind( this );\n\t\tthis.onChangeBorderRadiusUnit = this.onChangeBorderRadiusUnit.bind(\n\t\t\tthis\n\t\t);\n\t\tthis.onClearSettings = this.onClearSettings.bind( this );\n\t\tthis.onLayout = this.onLayout.bind( this );\n\t\tthis.onSetMaxWidth = this.onSetMaxWidth.bind( this );\n\t\tthis.dismissSheet = this.dismissSheet.bind( this );\n\t\tthis.onShowLinkSettings = this.onShowLinkSettings.bind( this );\n\t\tthis.onHideLinkSettings = this.onHideLinkSettings.bind( this );\n\t\tthis.onToggleButtonFocus = this.onToggleButtonFocus.bind( this );\n\t\tthis.onPlaceholderTextWidth = this.onPlaceholderTextWidth.bind( this );\n\t\tthis.setRef = this.setRef.bind( this );\n\t\tthis.onRemove = this.onRemove.bind( this );\n\t\tthis.getPlaceholderWidth = this.getPlaceholderWidth.bind( this );\n\n\t\tconst borderRadius = props?.attributes?.style?.border?.radius;\n\t\tconst { valueUnit = 'px' } = getValueAndUnit( borderRadius ) || {};\n\n\t\tthis.state = {\n\t\t\tmaxWidth: INITIAL_MAX_WIDTH,\n\t\t\tisLinkSheetVisible: false,\n\t\t\tisButtonFocused: true,\n\t\t\tplaceholderTextWidth: 0,\n\t\t\tborderRadiusUnit: valueUnit,\n\t\t};\n\n\t\tthis.linkSettingsActions = [\n\t\t\t{\n\t\t\t\tlabel: __( 'Remove link' ),\n\t\t\t\tonPress: this.onClearSettings,\n\t\t\t},\n\t\t];\n\n\t\tthis.linkSettingsOptions = {\n\t\t\turl: {\n\t\t\t\tlabel: __( 'Button Link URL' ),\n\t\t\t\tplaceholder: __( 'Add URL' ),\n\t\t\t\tautoFocus: true,\n\t\t\t\tautoFill: true,\n\t\t\t},\n\t\t\topenInNewTab: {\n\t\t\t\tlabel: __( 'Open in new tab' ),\n\t\t\t},\n\t\t\tlinkRel: {\n\t\t\t\tlabel: __( 'Link Rel' ),\n\t\t\t\tplaceholder: _x(\n\t\t\t\t\t'None',\n\t\t\t\t\t'Link rel attribute value placeholder'\n\t\t\t\t),\n\t\t\t},\n\t\t};\n\n\t\tthis.noFocusLinkSettingOptions = {\n\t\t\t...this.linkSettingsOptions,\n\t\t\turl: {\n\t\t\t\t...this.linkSettingsOptions.url,\n\t\t\t\tautoFocus: false,\n\t\t\t},\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.onSetMaxWidth();\n\t}\n\n\tcomponentDidUpdate( prevProps, prevState ) {\n\t\tconst { isSelected, editorSidebarOpened, parentWidth } = this.props;\n\t\tconst { isLinkSheetVisible, isButtonFocused } = this.state;\n\n\t\tif ( isSelected && ! prevProps.isSelected ) {\n\t\t\tthis.onToggleButtonFocus( true );\n\t\t}\n\n\t\tif ( prevProps.parentWidth !== parentWidth ) {\n\t\t\tthis.onSetMaxWidth( null, true );\n\t\t}\n\n\t\t// Blur `RichText` on Android when link settings sheet or button settings sheet is opened,\n\t\t// to avoid flashing caret after closing one of them\n\t\tif (\n\t\t\t( ! prevProps.editorSidebarOpened && editorSidebarOpened ) ||\n\t\t\t( ! prevState.isLinkSheetVisible && isLinkSheetVisible )\n\t\t) {\n\t\t\tif ( Platform.OS === 'android' && this.richTextRef ) {\n\t\t\t\tthis.richTextRef.blur();\n\t\t\t\tthis.onToggleButtonFocus( false );\n\t\t\t}\n\t\t}\n\n\t\tif ( this.richTextRef ) {\n\t\t\tif ( ! isSelected && isButtonFocused ) {\n\t\t\t\tthis.onToggleButtonFocus( false );\n\t\t\t}\n\n\t\t\tif ( isSelected && ! isButtonFocused ) {\n\t\t\t\tAccessibilityInfo.isScreenReaderEnabled().then( ( enabled ) => {\n\t\t\t\t\tif ( enabled ) {\n\t\t\t\t\t\tthis.onToggleButtonFocus( true );\n\t\t\t\t\t\tthis.richTextRef.focus();\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t}\n\n\tgetBackgroundColor() {\n\t\tconst { attributes, colors, gradients, style } = this.props;\n\t\tconst { backgroundColor, gradient } = attributes;\n\n\t\t// Return named gradient value if available.\n\t\tconst gradientValue = getGradientValueBySlug( gradients, gradient );\n\n\t\tif ( gradientValue ) {\n\t\t\treturn gradientValue;\n\t\t}\n\n\t\tconst colorProps = getColorClassesAndStyles( attributes );\n\n\t\t// Retrieve named color object to force inline styles for themes that\n\t\t// do not load their color stylesheets in the editor.\n\t\tconst colorObject = getColorObjectByAttributeValues(\n\t\t\tcolors,\n\t\t\tbackgroundColor\n\t\t);\n\n\t\treturn (\n\t\t\tcolorObject?.color ||\n\t\t\tcolorProps.style?.backgroundColor ||\n\t\t\tcolorProps.style?.background ||\n\t\t\tstyle?.backgroundColor ||\n\t\t\tstyles.defaultButton.backgroundColor\n\t\t);\n\t}\n\n\tgetTextColor() {\n\t\tconst { attributes, colors, style } = this.props;\n\t\tconst colorProps = getColorClassesAndStyles( attributes );\n\n\t\t// Retrieve named color object to force inline styles for themes that\n\t\t// do not load their color stylesheets in the editor.\n\t\tconst colorObject = getColorObjectByAttributeValues(\n\t\t\tcolors,\n\t\t\tattributes.textColor\n\t\t);\n\n\t\treturn (\n\t\t\tcolorObject?.color ||\n\t\t\tcolorProps.style?.color ||\n\t\t\tstyle?.color ||\n\t\t\tstyles.defaultButton.color\n\t\t);\n\t}\n\n\tonChangeText( value ) {\n\t\tconst { setAttributes } = this.props;\n\t\tsetAttributes( { text: value } );\n\t}\n\n\tonChangeBorderRadius( newRadius ) {\n\t\tconst { setAttributes, attributes } = this.props;\n\t\tconst { borderRadiusUnit } = this.state;\n\t\tconst { style } = attributes;\n\t\tconst newStyle = this.getNewStyle( style, newRadius, borderRadiusUnit );\n\n\t\tsetAttributes( { style: newStyle } );\n\t}\n\n\tonChangeBorderRadiusUnit( newRadiusUnit ) {\n\t\tconst { setAttributes, attributes } = this.props;\n\t\tconst { style } = attributes;\n\t\tconst borderRadius = this.getBorderRadiusValue(\n\t\t\tattributes?.style?.border?.radius\n\t\t);\n\t\tconst newStyle = this.getNewStyle( style, borderRadius, newRadiusUnit );\n\t\tsetAttributes( { style: newStyle } );\n\t\tthis.setState( { borderRadiusUnit: newRadiusUnit } );\n\t}\n\n\tgetNewStyle( style, radius, radiusUnit ) {\n\t\treturn {\n\t\t\t...style,\n\t\t\tborder: {\n\t\t\t\t...style?.border,\n\t\t\t\tradius: `${ radius }${ radiusUnit }`, // Store the value with the unit so that it works as expected.\n\t\t\t},\n\t\t};\n\t}\n\n\tonShowLinkSettings() {\n\t\tthis.setState( { isLinkSheetVisible: true } );\n\t}\n\n\tonHideLinkSettings() {\n\t\tthis.setState( { isLinkSheetVisible: false } );\n\t}\n\n\tonToggleButtonFocus( value ) {\n\t\tif ( value !== this.state.isButtonFocused ) {\n\t\t\tthis.setState( { isButtonFocused: value } );\n\t\t}\n\t}\n\n\tonClearSettings() {\n\t\tconst { setAttributes } = this.props;\n\n\t\tsetAttributes( {\n\t\t\turl: '',\n\t\t\trel: '',\n\t\t\tlinkTarget: '',\n\t\t} );\n\n\t\tthis.onHideLinkSettings();\n\t}\n\n\tonLayout( { nativeEvent } ) {\n\t\tconst { width } = nativeEvent.layout;\n\t\tthis.onSetMaxWidth( width );\n\t}\n\n\tonSetMaxWidth( width, isParentWidthDidChange = false ) {\n\t\tconst { maxWidth } = this.state;\n\t\tconst { parentWidth } = this.props;\n\t\tconst { marginRight: spacing } = styles.defaultButton;\n\n\t\tconst isParentWidthChanged = isParentWidthDidChange\n\t\t\t? isParentWidthDidChange\n\t\t\t: maxWidth !== parentWidth;\n\t\tconst isWidthChanged = maxWidth !== width;\n\n\t\tif ( parentWidth && ! width && isParentWidthChanged ) {\n\t\t\tthis.setState( {\n\t\t\t\tmaxWidth: parentWidth - spacing,\n\t\t\t} );\n\t\t} else if ( ! parentWidth && width && isWidthChanged ) {\n\t\t\tthis.setState( { maxWidth: width - spacing } );\n\t\t}\n\t}\n\n\tonRemove() {\n\t\tconst { numOfButtons, onDeleteBlock, onReplace } = this.props;\n\n\t\tif ( numOfButtons === 1 ) {\n\t\t\tonDeleteBlock();\n\t\t} else {\n\t\t\tonReplace( [] );\n\t\t}\n\t}\n\n\tdismissSheet() {\n\t\tthis.onHideLinkSettings();\n\t\tthis.props.closeSettingsBottomSheet();\n\t}\n\n\tgetLinkSettings( isCompatibleWithSettings ) {\n\t\tconst { isLinkSheetVisible } = this.state;\n\t\tconst { attributes, setAttributes } = this.props;\n\t\treturn (\n\t\t\t<LinkSettingsNavigation\n\t\t\t\tisVisible={ isLinkSheetVisible }\n\t\t\t\turl={ attributes.url }\n\t\t\t\trel={ attributes.rel }\n\t\t\t\tlinkTarget={ attributes.linkTarget }\n\t\t\t\tonClose={ this.dismissSheet }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\twithBottomSheet={ ! isCompatibleWithSettings }\n\t\t\t\thasPicker\n\t\t\t\tactions={ this.linkSettingsActions }\n\t\t\t\toptions={\n\t\t\t\t\tisCompatibleWithSettings\n\t\t\t\t\t\t? this.linkSettingsOptions\n\t\t\t\t\t\t: this.noFocusLinkSettingOptions\n\t\t\t\t}\n\t\t\t\tshowIcon={ ! isCompatibleWithSettings }\n\t\t\t/>\n\t\t);\n\t}\n\n\tsetRef( richText ) {\n\t\tthis.richTextRef = richText;\n\t}\n\n\t// Render `Text` with `placeholderText` styled as a placeholder\n\t// to calculate its width which then is set as a `minWidth`\n\tgetPlaceholderWidth( placeholderText ) {\n\t\treturn (\n\t\t\t<Text\n\t\t\t\tstyle={ styles.placeholder }\n\t\t\t\tonTextLayout={ this.onPlaceholderTextWidth }\n\t\t\t>\n\t\t\t\t{ placeholderText }\n\t\t\t</Text>\n\t\t);\n\t}\n\n\tonPlaceholderTextWidth( { nativeEvent } ) {\n\t\tconst { maxWidth, placeholderTextWidth } = this.state;\n\t\tconst textWidth =\n\t\t\tnativeEvent.lines[ 0 ] && nativeEvent.lines[ 0 ].width;\n\n\t\tif ( textWidth && textWidth !== placeholderTextWidth ) {\n\t\t\tthis.setState( {\n\t\t\t\tplaceholderTextWidth: Math.min( textWidth, maxWidth ),\n\t\t\t} );\n\t\t}\n\t}\n\n\tgetBorderRadiusValue( borderRadius, defaultBorderRadius ) {\n\t\tconst valueAndUnit = getValueAndUnit( borderRadius );\n\t\tif ( Number.isInteger( parseInt( valueAndUnit?.valueToConvert ) ) ) {\n\t\t\treturn parseFloat( valueAndUnit.valueToConvert );\n\t\t}\n\t\treturn defaultBorderRadius;\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tattributes,\n\t\t\tisSelected,\n\t\t\tclientId,\n\t\t\tonReplace,\n\t\t\tmergeBlocks,\n\t\t\tparentWidth,\n\t\t\tsetAttributes,\n\t\t\tstyle,\n\t\t} = this.props;\n\t\tconst {\n\t\t\tplaceholder,\n\t\t\ttext,\n\t\t\tstyle: buttonStyle,\n\t\t\turl,\n\t\t\talign = 'center',\n\t\t\twidth,\n\t\t} = attributes;\n\t\tconst {\n\t\t\tmaxWidth,\n\t\t\tisButtonFocused,\n\t\t\tplaceholderTextWidth,\n\t\t\tborderRadiusUnit,\n\t\t} = this.state;\n\t\tconst { paddingTop: spacing, borderWidth } = styles.defaultButton;\n\n\t\tif ( parentWidth === 0 ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst borderRadius = buttonStyle?.border?.radius;\n\t\tconst borderRadiusValue = this.getBorderRadiusValue(\n\t\t\tborderRadius,\n\t\t\tstyles.defaultButton.borderRadius\n\t\t);\n\n\t\tconst buttonBorderRadiusValue =\n\t\t\tborderRadiusUnit === 'px' || borderRadiusUnit === '%'\n\t\t\t\t? borderRadiusValue\n\t\t\t\t: Math.floor( 14 * borderRadiusValue ); // lets assume that the font size is set to 14px; TO get a nicer preview.\n\t\tconst outlineBorderRadius =\n\t\t\tbuttonBorderRadiusValue > 0\n\t\t\t\t? buttonBorderRadiusValue + spacing + borderWidth\n\t\t\t\t: 0;\n\n\t\t// To achieve proper expanding and shrinking `RichText` on iOS, there is a need to set a `minWidth`\n\t\t// value at least on 1 when `RichText` is focused or when is not focused, but `RichText` value is\n\t\t// different than empty string.\n\t\tlet minWidth =\n\t\t\tisButtonFocused || ( ! isButtonFocused && text && text !== '' )\n\t\t\t\t? MIN_WIDTH\n\t\t\t\t: placeholderTextWidth;\n\t\tif ( width ) {\n\t\t\t// Set the width of the button.\n\t\t\tminWidth = Math.floor(\n\t\t\t\tmaxWidth * ( width / 100 ) - MIN_WIDTH_MARGINS[ width ]\n\t\t\t);\n\t\t}\n\t\t// To achieve proper expanding and shrinking `RichText` on Android, there is a need to set\n\t\t// a `placeholder` as an empty string when `RichText` is focused,\n\t\t// because `AztecView` is calculating a `minWidth` based on placeholder text.\n\t\tconst placeholderText =\n\t\t\tisButtonFocused || ( ! isButtonFocused && text && text !== '' )\n\t\t\t\t? ''\n\t\t\t\t: placeholder || __( 'Add text…' );\n\n\t\tconst backgroundColor = this.getBackgroundColor();\n\t\tconst textColor = this.getTextColor();\n\t\tconst isFixedWidth = !! width;\n\n\t\treturn (\n\t\t\t<View onLayout={ this.onLayout }>\n\t\t\t\t{ this.getPlaceholderWidth( placeholderText ) }\n\t\t\t\t<ColorBackground\n\t\t\t\t\tborderRadiusValue={ buttonBorderRadiusValue }\n\t\t\t\t\tbackgroundColor={ backgroundColor }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t>\n\t\t\t\t\t{ isSelected && (\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tstyles.outline,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tborderRadius: outlineBorderRadius,\n\t\t\t\t\t\t\t\t\tborderColor: backgroundColor,\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\t<RichText\n\t\t\t\t\t\tsetRef={ this.setRef }\n\t\t\t\t\t\tplaceholder={ placeholderText }\n\t\t\t\t\t\tvalue={ text }\n\t\t\t\t\t\tonChange={ this.onChangeText }\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t...richTextStyle.richText,\n\t\t\t\t\t\t\tpaddingLeft: isFixedWidth\n\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t: richTextStyle.richText.paddingLeft,\n\t\t\t\t\t\t\tpaddingRight: isFixedWidth\n\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t: richTextStyle.richText.paddingRight,\n\t\t\t\t\t\t\tcolor: textColor,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ttextAlign={ align }\n\t\t\t\t\t\tplaceholderTextColor={\n\t\t\t\t\t\t\tstyle?.color || styles.placeholderTextColor.color\n\t\t\t\t\t\t}\n\t\t\t\t\t\tidentifier=\"text\"\n\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\tminWidth={ minWidth } // The minimum Button size.\n\t\t\t\t\t\tmaxWidth={ isFixedWidth ? minWidth : maxWidth } // The width of the screen.\n\t\t\t\t\t\tid={ clientId }\n\t\t\t\t\t\tisSelected={ isButtonFocused }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tunstableOnFocus={ () =>\n\t\t\t\t\t\t\tthis.onToggleButtonFocus( true )\n\t\t\t\t\t\t}\n\t\t\t\t\t\t__unstableMobileNoFocusOnMount={ ! isSelected }\n\t\t\t\t\t\tselectionColor={ textColor }\n\t\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\t\tthis.onSetMaxWidth();\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonReplace={ onReplace }\n\t\t\t\t\t\tonRemove={ this.onRemove }\n\t\t\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\t\t/>\n\t\t\t\t</ColorBackground>\n\n\t\t\t\t{ isSelected && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\t\ttitle={ __( 'Edit link' ) }\n\t\t\t\t\t\t\t\t\ticon={ link }\n\t\t\t\t\t\t\t\t\tonClick={ this.onShowLinkSettings }\n\t\t\t\t\t\t\t\t\tisActive={ url }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t\t</BlockControls>\n\t\t\t\t\t\t{ this.getLinkSettings( false ) }\n\t\t\t\t\t\t<InspectorControls>\n\t\t\t\t\t\t\t<PanelBody title={ __( 'Border Settings' ) }>\n\t\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Border Radius' ) }\n\t\t\t\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\t\t\t\tmax={ MAX_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\t\t\t\tvalue={ borderRadiusValue }\n\t\t\t\t\t\t\t\t\tonChange={ this.onChangeBorderRadius }\n\t\t\t\t\t\t\t\t\tonUnitChange={\n\t\t\t\t\t\t\t\t\t\tthis.onChangeBorderRadiusUnit\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tunit={ this.state.borderRadiusUnit }\n\t\t\t\t\t\t\t\t\tunits={ filterUnitsWithSettings(\n\t\t\t\t\t\t\t\t\t\t[ 'px', 'em', 'rem' ],\n\t\t\t\t\t\t\t\t\t\tCSS_UNITS\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</PanelBody>\n\t\t\t\t\t\t\t<WidthPanel\n\t\t\t\t\t\t\t\tselectedWidth={ width }\n\t\t\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<PanelBody title={ __( 'Link Settings' ) }>\n\t\t\t\t\t\t\t\t{ this.getLinkSettings( true ) }\n\t\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t</InspectorControls>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nexport default compose( [\n\twithInstanceId,\n\twithGradient,\n\twithSelect( ( select, { clientId, isSelected } ) => {\n\t\tconst { isEditorSidebarOpened } = select( 'core/edit-post' );\n\t\tconst { getBlockCount, getBlockRootClientId, getSettings } = select(\n\t\t\tblockEditorStore\n\t\t);\n\t\tconst parentId = getBlockRootClientId( clientId );\n\t\tconst numOfButtons = getBlockCount( parentId );\n\t\tconst settings = getSettings();\n\n\t\treturn {\n\t\t\tcolors: settings?.colors || [],\n\t\t\tgradients: settings?.gradients || [],\n\t\t\teditorSidebarOpened: isSelected && isEditorSidebarOpened(),\n\t\t\tnumOfButtons,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch ) => {\n\t\treturn {\n\t\t\tcloseSettingsBottomSheet() {\n\t\t\t\tdispatch( 'core/edit-post' ).closeGeneralSidebar();\n\t\t\t},\n\t\t};\n\t} ),\n] )( ButtonEdit );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/button/edit.native.js"],"names":["MIN_BORDER_RADIUS_VALUE","MAX_BORDER_RADIUS_VALUE","INITIAL_MAX_WIDTH","MIN_WIDTH","MIN_WIDTH_MARGINS","styles","button75","marginLeft","button50","button25","WidthPanel","selectedWidth","setAttributes","handleChange","newWidth","width","undefined","options","value","label","ButtonEdit","props","isSelected","parentWidth","initialBorderRadius","attributes","style","border","radius","valueUnit","editorSidebarOpened","numOfButtons","select","isEditorSidebarOpened","editPostStore","getBlockCount","getBlockRootClientId","blockEditorStore","parentId","clientId","blockCount","currentIsEditorSidebarOpened","closeGeneralSidebar","maxWidth","setMaxWidth","isLinkSheetVisible","setIsLinkSheetVisible","isButtonFocused","setIsButtonFocused","placeholderTextWidth","setPlaceholderTextWidth","borderRadiusUnit","setBorderRadiusUnit","richTextRef","colors","gradients","onToggleButtonFocus","onSetMaxWidth","Platform","OS","current","blur","AccessibilityInfo","isScreenReaderEnabled","then","enabled","focus","linkSettingsActions","onPress","onClearSettings","linkSettingsOptions","url","placeholder","autoFocus","autoFill","openInNewTab","linkRel","noFocusLinkSettingOptions","getBackgroundColor","backgroundColor","gradient","gradientValue","colorProps","colorObject","color","background","defaultButton","getTextColor","textColor","onChangeText","text","onChangeBorderRadius","newRadius","newStyle","getNewStyle","onChangeBorderRadiusUnit","newRadiusUnit","newBorderRadius","getBorderRadiusValue","radiusUnit","onShowLinkSettings","onHideLinkSettings","rel","linkTarget","onLayout","nativeEvent","layout","isParentWidthDidChange","marginRight","spacing","isParentWidthChanged","isWidthChanged","onRemove","onDeleteBlock","onReplace","onPlaceholderTextWidth","textWidth","lines","Math","min","onSetRef","ref","onUnstableOnFocus","onBlur","dismissSheet","getLinkSettings","isCompatibleWithSettings","getPlaceholderWidth","placeholderText","currentBorderRadius","defaultBorderRadius","valueAndUnit","Number","isInteger","parseInt","valueToConvert","parseFloat","mergeBlocks","buttonStyle","align","paddingTop","borderWidth","borderRadiusValue","borderRadius","buttonBorderRadiusValue","floor","outlineBorderRadius","minWidth","isFixedWidth","outLineStyles","outline","borderColor","textStyles","richTextStyle","richText","paddingLeft","paddingRight","placeholderTextColor","fontSize","link","CSS_UNITS"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, AccessibilityInfo, Platform, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback, useEffect, useState, useRef } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tRichText,\n\tInspectorControls,\n\tBlockControls,\n\tstore as blockEditorStore,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\t__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,\n\tuseSetting,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tToolbarGroup,\n\tToolbarButton,\n\tLinkSettingsNavigation,\n\tUnitControl,\n\tgetValueAndUnit,\n\tBottomSheetSelectControl,\n\tCSS_UNITS,\n\tfilterUnitsWithSettings,\n} from '@wordpress/components';\nimport { link } from '@wordpress/icons';\nimport { store as editPostStore } from '@wordpress/edit-post';\n\n/**\n * Internal dependencies\n */\nimport richTextStyle from './rich-text.scss';\nimport styles from './editor.scss';\nimport ColorBackground from './color-background';\n\nconst MIN_BORDER_RADIUS_VALUE = 0;\nconst MAX_BORDER_RADIUS_VALUE = 50;\nconst INITIAL_MAX_WIDTH = 108;\nconst MIN_WIDTH = 40;\n// Map of the percentage width to pixel subtraction that make the buttons fit nicely into columns.\nconst MIN_WIDTH_MARGINS = {\n\t100: 0,\n\t75: styles.button75?.marginLeft,\n\t50: styles.button50?.marginLeft,\n\t25: styles.button25?.marginLeft,\n};\n\nfunction WidthPanel( { selectedWidth, setAttributes } ) {\n\tfunction handleChange( newWidth ) {\n\t\t// Check if we are toggling the width off\n\t\tlet width = selectedWidth === newWidth ? undefined : newWidth;\n\t\tif ( newWidth === 'auto' ) {\n\t\t\twidth = undefined;\n\t\t}\n\t\t// Update attributes\n\t\tsetAttributes( { width } );\n\t}\n\n\tconst options = [\n\t\t{ value: 'auto', label: __( 'Auto' ) },\n\t\t{ value: 25, label: '25%' },\n\t\t{ value: 50, label: '50%' },\n\t\t{ value: 75, label: '75%' },\n\t\t{ value: 100, label: '100%' },\n\t];\n\n\tif ( ! selectedWidth ) {\n\t\tselectedWidth = 'auto';\n\t}\n\n\treturn (\n\t\t<PanelBody title={ __( 'Width Settings' ) }>\n\t\t\t<BottomSheetSelectControl\n\t\t\t\tlabel={ __( 'Button width' ) }\n\t\t\t\tvalue={ selectedWidth }\n\t\t\t\tonChange={ handleChange }\n\t\t\t\toptions={ options }\n\t\t\t/>\n\t\t</PanelBody>\n\t);\n}\n\nfunction ButtonEdit( props ) {\n\tconst { isSelected, parentWidth } = props;\n\tconst initialBorderRadius = props?.attributes?.style?.border?.radius;\n\tconst { valueUnit = 'px' } = getValueAndUnit( initialBorderRadius ) || {};\n\n\tconst { editorSidebarOpened, numOfButtons } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isEditorSidebarOpened } = select( editPostStore );\n\t\t\tconst { getBlockCount, getBlockRootClientId } = select(\n\t\t\t\tblockEditorStore\n\t\t\t);\n\t\t\tconst parentId = getBlockRootClientId( clientId );\n\t\t\tconst blockCount = getBlockCount( parentId );\n\t\t\tconst currentIsEditorSidebarOpened = isEditorSidebarOpened();\n\n\t\t\treturn {\n\t\t\t\teditorSidebarOpened: isSelected && currentIsEditorSidebarOpened,\n\t\t\t\tnumOfButtons: blockCount,\n\t\t\t};\n\t\t},\n\t\t[ clientId, isSelected ]\n\t);\n\n\tconst { closeGeneralSidebar } = useDispatch( editPostStore );\n\tconst [ maxWidth, setMaxWidth ] = useState( INITIAL_MAX_WIDTH );\n\tconst [ isLinkSheetVisible, setIsLinkSheetVisible ] = useState( false );\n\tconst [ isButtonFocused, setIsButtonFocused ] = useState( true );\n\tconst [ placeholderTextWidth, setPlaceholderTextWidth ] = useState( 0 );\n\tconst [ borderRadiusUnit, setBorderRadiusUnit ] = useState( valueUnit );\n\n\tconst richTextRef = useRef();\n\tconst colors = useSetting( 'color.palette' ) || [];\n\tconst gradients = useSetting( 'color.gradients' ) || [];\n\n\tuseEffect( () => {\n\t\tif ( isSelected ) {\n\t\t\tonToggleButtonFocus( true );\n\t\t}\n\t}, [ isSelected ] );\n\n\tuseEffect( () => {\n\t\tonSetMaxWidth( null, true );\n\t}, [ parentWidth ] );\n\n\tuseEffect( () => {\n\t\t// Blur `RichText` on Android when link settings sheet or button settings sheet is opened,\n\t\t// to avoid flashing caret after closing one of them\n\t\tif ( editorSidebarOpened || isLinkSheetVisible ) {\n\t\t\tif ( Platform.OS === 'android' && richTextRef?.current ) {\n\t\t\t\trichTextRef.current.blur();\n\t\t\t\tonToggleButtonFocus( false );\n\t\t\t}\n\t\t}\n\t}, [ editorSidebarOpened, isLinkSheetVisible ] );\n\n\tuseEffect( () => {\n\t\tif ( richTextRef?.current ) {\n\t\t\tif ( ! isSelected && isButtonFocused ) {\n\t\t\t\tonToggleButtonFocus( false );\n\t\t\t}\n\n\t\t\tif ( isSelected && ! isButtonFocused ) {\n\t\t\t\tAccessibilityInfo.isScreenReaderEnabled().then( ( enabled ) => {\n\t\t\t\t\tif ( enabled ) {\n\t\t\t\t\t\tonToggleButtonFocus( true );\n\t\t\t\t\t\trichTextRef?.current.focus();\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t}, [ isSelected, isButtonFocused ] );\n\n\tconst linkSettingsActions = [\n\t\t{\n\t\t\tlabel: __( 'Remove link' ),\n\t\t\tonPress: onClearSettings,\n\t\t},\n\t];\n\n\tconst linkSettingsOptions = {\n\t\turl: {\n\t\t\tlabel: __( 'Button Link URL' ),\n\t\t\tplaceholder: __( 'Add URL' ),\n\t\t\tautoFocus: true,\n\t\t\tautoFill: true,\n\t\t},\n\t\topenInNewTab: {\n\t\t\tlabel: __( 'Open in new tab' ),\n\t\t},\n\t\tlinkRel: {\n\t\t\tlabel: __( 'Link Rel' ),\n\t\t\tplaceholder: _x( 'None', 'Link rel attribute value placeholder' ),\n\t\t},\n\t};\n\n\tconst noFocusLinkSettingOptions = {\n\t\t...linkSettingsOptions,\n\t\turl: {\n\t\t\t...linkSettingsOptions.url,\n\t\t\tautoFocus: false,\n\t\t},\n\t};\n\n\tfunction getBackgroundColor() {\n\t\tconst { attributes, style } = props;\n\t\tconst { backgroundColor, gradient } = attributes;\n\n\t\t// Return named gradient value if available.\n\t\tconst gradientValue = getGradientValueBySlug( gradients, gradient );\n\n\t\tif ( gradientValue ) {\n\t\t\treturn gradientValue;\n\t\t}\n\n\t\tconst colorProps = getColorClassesAndStyles( attributes );\n\n\t\t// Retrieve named color object to force inline styles for themes that\n\t\t// do not load their color stylesheets in the editor.\n\t\tconst colorObject = getColorObjectByAttributeValues(\n\t\t\tcolors,\n\t\t\tbackgroundColor\n\t\t);\n\n\t\treturn (\n\t\t\tcolorObject?.color ||\n\t\t\tcolorProps.style?.backgroundColor ||\n\t\t\tcolorProps.style?.background ||\n\t\t\tstyle?.backgroundColor ||\n\t\t\tstyles.defaultButton.backgroundColor\n\t\t);\n\t}\n\n\tfunction getTextColor() {\n\t\tconst { attributes, style } = props;\n\t\tconst colorProps = getColorClassesAndStyles( attributes );\n\n\t\t// Retrieve named color object to force inline styles for themes that\n\t\t// do not load their color stylesheets in the editor.\n\t\tconst colorObject = getColorObjectByAttributeValues(\n\t\t\tcolors,\n\t\t\tattributes.textColor\n\t\t);\n\n\t\treturn (\n\t\t\tcolorObject?.color ||\n\t\t\tcolorProps.style?.color ||\n\t\t\tstyle?.color ||\n\t\t\tstyles.defaultButton.color\n\t\t);\n\t}\n\n\tfunction onChangeText( value ) {\n\t\tconst { setAttributes } = props;\n\t\tsetAttributes( { text: value } );\n\t}\n\n\tfunction onChangeBorderRadius( newRadius ) {\n\t\tconst { setAttributes, attributes } = props;\n\t\tconst { style } = attributes;\n\t\tconst newStyle = getNewStyle( style, newRadius, borderRadiusUnit );\n\n\t\tsetAttributes( { style: newStyle } );\n\t}\n\n\tfunction onChangeBorderRadiusUnit( newRadiusUnit ) {\n\t\tconst { setAttributes, attributes } = props;\n\t\tconst { style } = attributes;\n\t\tconst newBorderRadius = getBorderRadiusValue(\n\t\t\tattributes?.style?.border?.radius\n\t\t);\n\t\tconst newStyle = getNewStyle( style, newBorderRadius, newRadiusUnit );\n\t\tsetAttributes( { style: newStyle } );\n\t\tsetBorderRadiusUnit( newRadiusUnit );\n\t}\n\n\tfunction getNewStyle( style, radius, radiusUnit ) {\n\t\treturn {\n\t\t\t...style,\n\t\t\tborder: {\n\t\t\t\t...style?.border,\n\t\t\t\tradius: `${ radius }${ radiusUnit }`, // Store the value with the unit so that it works as expected.\n\t\t\t},\n\t\t};\n\t}\n\n\tfunction onShowLinkSettings() {\n\t\tsetIsLinkSheetVisible( true );\n\t}\n\n\tfunction onHideLinkSettings() {\n\t\tsetIsLinkSheetVisible( false );\n\t}\n\n\tfunction onToggleButtonFocus( value ) {\n\t\tif ( value !== isButtonFocused ) {\n\t\t\tsetIsButtonFocused( value );\n\t\t}\n\t}\n\n\tfunction onClearSettings() {\n\t\tconst { setAttributes } = props;\n\n\t\tsetAttributes( {\n\t\t\turl: '',\n\t\t\trel: '',\n\t\t\tlinkTarget: '',\n\t\t} );\n\n\t\tonHideLinkSettings();\n\t}\n\n\tfunction onLayout( { nativeEvent } ) {\n\t\tconst { width } = nativeEvent.layout;\n\t\tonSetMaxWidth( width );\n\t}\n\n\tconst onSetMaxWidth = useCallback(\n\t\t( width, isParentWidthDidChange = false ) => {\n\t\t\tconst { marginRight: spacing } = styles.defaultButton;\n\n\t\t\tconst isParentWidthChanged = isParentWidthDidChange\n\t\t\t\t? isParentWidthDidChange\n\t\t\t\t: maxWidth !== parentWidth;\n\t\t\tconst isWidthChanged = maxWidth !== width;\n\n\t\t\tif ( parentWidth && ! width && isParentWidthChanged ) {\n\t\t\t\tsetMaxWidth( parentWidth - spacing );\n\t\t\t} else if ( ! parentWidth && width && isWidthChanged ) {\n\t\t\t\tsetMaxWidth( width - spacing );\n\t\t\t}\n\t\t},\n\t\t[ maxWidth, parentWidth ]\n\t);\n\n\tfunction onRemove() {\n\t\tconst { onDeleteBlock, onReplace } = props;\n\n\t\tif ( numOfButtons === 1 ) {\n\t\t\tonDeleteBlock();\n\t\t} else {\n\t\t\tonReplace( [] );\n\t\t}\n\t}\n\n\tfunction onPlaceholderTextWidth( { nativeEvent } ) {\n\t\tconst textWidth =\n\t\t\tnativeEvent.lines[ 0 ] && nativeEvent.lines[ 0 ].width;\n\n\t\tif ( textWidth && textWidth !== placeholderTextWidth ) {\n\t\t\tsetPlaceholderTextWidth( Math.min( textWidth, maxWidth ) );\n\t\t}\n\t}\n\n\tconst onSetRef = useCallback(\n\t\t( ref ) => {\n\t\t\trichTextRef.current = ref;\n\t\t},\n\t\t[ richTextRef ]\n\t);\n\n\tconst onUnstableOnFocus = useCallback( () => {\n\t\tonToggleButtonFocus( true );\n\t}, [] );\n\n\tconst onBlur = useCallback( () => {\n\t\tonSetMaxWidth();\n\t}, [] );\n\n\tfunction dismissSheet() {\n\t\tonHideLinkSettings();\n\t\tcloseGeneralSidebar();\n\t}\n\n\tfunction getLinkSettings( isCompatibleWithSettings ) {\n\t\tconst { attributes, setAttributes } = props;\n\t\treturn (\n\t\t\t<LinkSettingsNavigation\n\t\t\t\tisVisible={ isLinkSheetVisible }\n\t\t\t\turl={ attributes.url }\n\t\t\t\trel={ attributes.rel }\n\t\t\t\tlinkTarget={ attributes.linkTarget }\n\t\t\t\tonClose={ dismissSheet }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\twithBottomSheet={ ! isCompatibleWithSettings }\n\t\t\t\thasPicker\n\t\t\t\tactions={ linkSettingsActions }\n\t\t\t\toptions={\n\t\t\t\t\tisCompatibleWithSettings\n\t\t\t\t\t\t? linkSettingsOptions\n\t\t\t\t\t\t: noFocusLinkSettingOptions\n\t\t\t\t}\n\t\t\t\tshowIcon={ ! isCompatibleWithSettings }\n\t\t\t/>\n\t\t);\n\t}\n\n\t// Render `Text` with `placeholderText` styled as a placeholder\n\t// to calculate its width which then is set as a `minWidth`\n\tfunction getPlaceholderWidth( placeholderText ) {\n\t\treturn (\n\t\t\t<Text\n\t\t\t\tstyle={ styles.placeholder }\n\t\t\t\tonTextLayout={ onPlaceholderTextWidth }\n\t\t\t>\n\t\t\t\t{ placeholderText }\n\t\t\t</Text>\n\t\t);\n\t}\n\n\tfunction getBorderRadiusValue( currentBorderRadius, defaultBorderRadius ) {\n\t\tconst valueAndUnit = getValueAndUnit( currentBorderRadius );\n\t\tif ( Number.isInteger( parseInt( valueAndUnit?.valueToConvert ) ) ) {\n\t\t\treturn parseFloat( valueAndUnit.valueToConvert );\n\t\t}\n\t\treturn defaultBorderRadius;\n\t}\n\n\tconst {\n\t\tattributes,\n\t\tclientId,\n\t\tonReplace,\n\t\tmergeBlocks,\n\t\tsetAttributes,\n\t\tstyle,\n\t} = props;\n\tconst {\n\t\tplaceholder,\n\t\ttext,\n\t\tstyle: buttonStyle,\n\t\turl,\n\t\talign = 'center',\n\t\twidth,\n\t} = attributes;\n\tconst { paddingTop: spacing, borderWidth } = styles.defaultButton;\n\n\tif ( parentWidth === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst currentBorderRadius = buttonStyle?.border?.radius;\n\tconst borderRadiusValue = getBorderRadiusValue(\n\t\tcurrentBorderRadius,\n\t\tstyles.defaultButton.borderRadius\n\t);\n\n\tconst buttonBorderRadiusValue =\n\t\tborderRadiusUnit === 'px' || borderRadiusUnit === '%'\n\t\t\t? borderRadiusValue\n\t\t\t: Math.floor( 14 * borderRadiusValue ); // lets assume that the font size is set to 14px; TO get a nicer preview.\n\tconst outlineBorderRadius =\n\t\tbuttonBorderRadiusValue > 0\n\t\t\t? buttonBorderRadiusValue + spacing + borderWidth\n\t\t\t: 0;\n\n\t// To achieve proper expanding and shrinking `RichText` on iOS, there is a need to set a `minWidth`\n\t// value at least on 1 when `RichText` is focused or when is not focused, but `RichText` value is\n\t// different than empty string.\n\tlet minWidth =\n\t\tisButtonFocused || ( ! isButtonFocused && text && text !== '' )\n\t\t\t? MIN_WIDTH\n\t\t\t: placeholderTextWidth;\n\tif ( width ) {\n\t\t// Set the width of the button.\n\t\tminWidth = Math.floor(\n\t\t\tmaxWidth * ( width / 100 ) - MIN_WIDTH_MARGINS[ width ]\n\t\t);\n\t}\n\t// To achieve proper expanding and shrinking `RichText` on Android, there is a need to set\n\t// a `placeholder` as an empty string when `RichText` is focused,\n\t// because `AztecView` is calculating a `minWidth` based on placeholder text.\n\tconst placeholderText =\n\t\tisButtonFocused || ( ! isButtonFocused && text && text !== '' )\n\t\t\t? ''\n\t\t\t: placeholder || __( 'Add text…' );\n\n\tconst backgroundColor = getBackgroundColor();\n\tconst textColor = getTextColor();\n\tconst isFixedWidth = !! width;\n\tconst outLineStyles = [\n\t\tstyles.outline,\n\t\t{\n\t\t\tborderRadius: outlineBorderRadius,\n\t\t\tborderColor: backgroundColor,\n\t\t},\n\t];\n\tconst textStyles = {\n\t\t...richTextStyle.richText,\n\t\tpaddingLeft: isFixedWidth ? 0 : richTextStyle.richText.paddingLeft,\n\t\tpaddingRight: isFixedWidth ? 0 : richTextStyle.richText.paddingRight,\n\t\tcolor: textColor,\n\t};\n\n\treturn (\n\t\t<View onLayout={ onLayout }>\n\t\t\t{ getPlaceholderWidth( placeholderText ) }\n\t\t\t<ColorBackground\n\t\t\t\tborderRadiusValue={ buttonBorderRadiusValue }\n\t\t\t\tbackgroundColor={ backgroundColor }\n\t\t\t\tisSelected={ isSelected }\n\t\t\t>\n\t\t\t\t{ isSelected && (\n\t\t\t\t\t<View pointerEvents=\"none\" style={ outLineStyles } />\n\t\t\t\t) }\n\t\t\t\t<RichText\n\t\t\t\t\tsetRef={ onSetRef }\n\t\t\t\t\tplaceholder={ placeholderText }\n\t\t\t\t\tvalue={ text }\n\t\t\t\t\tonChange={ onChangeText }\n\t\t\t\t\tstyle={ textStyles }\n\t\t\t\t\ttextAlign={ align }\n\t\t\t\t\tplaceholderTextColor={\n\t\t\t\t\t\tstyle?.color || styles.placeholderTextColor.color\n\t\t\t\t\t}\n\t\t\t\t\tidentifier=\"text\"\n\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\tminWidth={ minWidth } // The minimum Button size.\n\t\t\t\t\tmaxWidth={ isFixedWidth ? minWidth : maxWidth } // The width of the screen.\n\t\t\t\t\tid={ clientId }\n\t\t\t\t\tisSelected={ isButtonFocused }\n\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\tunstableOnFocus={ onUnstableOnFocus }\n\t\t\t\t\t__unstableMobileNoFocusOnMount={ ! isSelected }\n\t\t\t\t\tselectionColor={ textColor }\n\t\t\t\t\tonBlur={ onBlur }\n\t\t\t\t\tonReplace={ onReplace }\n\t\t\t\t\tonRemove={ onRemove }\n\t\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\t\tfontSize={ style?.fontSize }\n\t\t\t\t/>\n\t\t\t</ColorBackground>\n\n\t\t\t{ isSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\ttitle={ __( 'Edit link' ) }\n\t\t\t\t\t\t\t\ticon={ link }\n\t\t\t\t\t\t\t\tonClick={ onShowLinkSettings }\n\t\t\t\t\t\t\t\tisActive={ url }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t\t{ getLinkSettings( false ) }\n\t\t\t\t\t<InspectorControls>\n\t\t\t\t\t\t<PanelBody title={ __( 'Border Settings' ) }>\n\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Border Radius' ) }\n\t\t\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\t\t\tmax={ MAX_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\t\t\tvalue={ borderRadiusValue }\n\t\t\t\t\t\t\t\tonChange={ onChangeBorderRadius }\n\t\t\t\t\t\t\t\tonUnitChange={ onChangeBorderRadiusUnit }\n\t\t\t\t\t\t\t\tunit={ borderRadiusUnit }\n\t\t\t\t\t\t\t\tunits={ filterUnitsWithSettings(\n\t\t\t\t\t\t\t\t\t[ 'px', 'em', 'rem' ],\n\t\t\t\t\t\t\t\t\tCSS_UNITS\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t<WidthPanel\n\t\t\t\t\t\t\tselectedWidth={ width }\n\t\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<PanelBody title={ __( 'Link Settings' ) }>\n\t\t\t\t\t\t\t{ getLinkSettings( true ) }\n\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t</InspectorControls>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</View>\n\t);\n}\n\nexport default ButtonEdit;\n"]}

package/build/button/index.js

@@ -89,7 +89,10 @@ const metadata = {
     },
     typography: {
       fontSize: true,
-      __experimentalFontFamily: true
+      __experimentalFontFamily: true,
+      __experimentalDefaultControls: {
+        fontSize: true
+      }
     },
     reusable: false,
     spacing: {

package/build/button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/button/index.js"],"names":["name","metadata","settings","icon","example","attributes","className","text","edit","save","deprecated","merge","a"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AAEA;;AAZA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,aADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,SAAS,EAAE,eADA;AAEXC,MAAAA,IAAI,EAAE,cAAI,gBAAJ;AAFK;AADJ,GAFc;AAQvBC,EAAAA,IAAI,EAAJA,aARuB;AASvBC,EAAAA,IAAI,EAAJA,aATuB;AAUvBC,EAAAA,UAAU,EAAVA,mBAVuB;AAWvBC,EAAAA,KAAK,EAAE,CAAEC,CAAF,EAAK;AAAEL,IAAAA,IAAI,GAAG;AAAT,GAAL,MAA0B,EAChC,GAAGK,CAD6B;AAEhCL,IAAAA,IAAI,EAAE,CAAEK,CAAC,CAACL,IAAF,IAAU,EAAZ,IAAmBA;AAFO,GAA1B;AAXgB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { button as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\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};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/button/index.js"],"names":["name","metadata","settings","icon","example","attributes","className","text","edit","save","deprecated","merge","a"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AAEA;;AAZA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,aADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,SAAS,EAAE,eADA;AAEXC,MAAAA,IAAI,EAAE,cAAI,gBAAJ;AAFK;AADJ,GAFc;AAQvBC,EAAAA,IAAI,EAAJA,aARuB;AASvBC,EAAAA,IAAI,EAAJA,aATuB;AAUvBC,EAAAA,UAAU,EAAVA,mBAVuB;AAWvBC,EAAAA,KAAK,EAAE,CAAEC,CAAF,EAAK;AAAEL,IAAAA,IAAI,GAAG;AAAT,GAAL,MAA0B,EAChC,GAAGK,CAD6B;AAEhCL,IAAAA,IAAI,EAAE,CAAEK,CAAC,CAACL,IAAF,IAAU,EAAZ,IAAmBA;AAFO,GAA1B;AAXgB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { button as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\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};\n"]}

package/build/buttons/deprecated.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,12 +9,92 @@ exports.default = void 0;
 
 var _element = require("@wordpress/element");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _blockEditor = require("@wordpress/block-editor");
 
+/**
+ * External dependencies
+ */
+
 /**
  * WordPress dependencies
  */
+
+/**
+ * @param {Object} attributes Block's attributes.
+ */
+const migrateWithLayout = attributes => {
+  if (!!attributes.layout) {
+    return attributes;
+  }
+
+  const {
+    contentJustification,
+    orientation,
+    ...updatedAttributes
+  } = attributes;
+
+  if (contentJustification || orientation) {
+    Object.assign(updatedAttributes, {
+      layout: {
+        type: 'flex',
+        ...(contentJustification && {
+          justifyContent: contentJustification
+        }),
+        ...(orientation && {
+          orientation
+        })
+      }
+    });
+  }
+
+  return updatedAttributes;
+};
+
 const deprecated = [{
+  attributes: {
+    contentJustification: {
+      type: 'string'
+    },
+    orientation: {
+      type: 'string',
+      default: 'horizontal'
+    }
+  },
+  supports: {
+    anchor: true,
+    align: ['wide', 'full'],
+    __experimentalExposeControlsToChildren: true,
+    spacing: {
+      blockGap: true,
+      margin: ['top', 'bottom'],
+      __experimentalDefaultControls: {
+        blockGap: true
+      }
+    }
+  },
+  isEligible: ({
+    contentJustification,
+    orientation
+  }) => !!contentJustification || !!orientation,
+  migrate: migrateWithLayout,
+
+  save({
+    attributes: {
+      contentJustification,
+      orientation
+    }
+  }) {
+    return (0, _element.createElement)("div", _blockEditor.useBlockProps.save({
+      className: (0, _classnames.default)({
+        [`is-content-justification-${contentJustification}`]: contentJustification,
+        'is-vertical': orientation === 'vertical'
+      })
+    }), (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null));
+  }
+
+}, {
   supports: {
     align: ['center', 'left', 'right'],
     anchor: true
@@ -29,7 +111,7 @@ const deprecated = [{
   },
 
   migrate(attributes) {
-    return { ...attributes,
+    return migrateWithLayout({ ...attributes,
       align: undefined,
       // Floating Buttons blocks shouldn't have been supported in the
       // first place. Most users using them probably expected them to
@@ -38,7 +120,7 @@ const deprecated = [{
       // As for center-aligned Buttons blocks, the content justification
       // equivalent will create an identical end result in most cases.
       contentJustification: attributes.align
-    };
+    });
   }
 
 }];

package/build/buttons/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/buttons/deprecated.js"],"names":["deprecated","supports","align","anchor","save","isEligible","includes","migrate","attributes","undefined","contentJustification"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,UAAU,GAAG,CAClB;AACCC,EAAAA,QAAQ,EAAE;AACTC,IAAAA,KAAK,EAAE,CAAE,QAAF,EAAY,MAAZ,EAAoB,OAApB,CADE;AAETC,IAAAA,MAAM,EAAE;AAFC,GADX;;AAKCC,EAAAA,IAAI,GAAG;AACN,WACC,yCACC,4BAAC,wBAAD,CAAa,OAAb,OADD,CADD;AAKA,GAXF;;AAYCC,EAAAA,UAAU,CAAE;AAAEH,IAAAA;AAAF,GAAF,EAAc;AACvB,WAAOA,KAAK,IAAI,CAAE,QAAF,EAAY,MAAZ,EAAoB,OAApB,EAA8BI,QAA9B,CAAwCJ,KAAxC,CAAhB;AACA,GAdF;;AAeCK,EAAAA,OAAO,CAAEC,UAAF,EAAe;AACrB,WAAO,EACN,GAAGA,UADG;AAENN,MAAAA,KAAK,EAAEO,SAFD;AAGN;AACA;AACA;AACA;AACA;AACA;AACAC,MAAAA,oBAAoB,EAAEF,UAAU,CAACN;AAT3B,KAAP;AAWA;;AA3BF,CADkB,CAAnB;eAgCeF,U","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks } from '@wordpress/block-editor';\n\nconst deprecated = [\n\t{\n\t\tsupports: {\n\t\t\talign: [ 'center', 'left', 'right' ],\n\t\t\tanchor: true,\n\t\t},\n\t\tsave() {\n\t\t\treturn (\n\t\t\t\t<div>\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t\tisEligible( { align } ) {\n\t\t\treturn align && [ 'center', 'left', 'right' ].includes( align );\n\t\t},\n\t\tmigrate( attributes ) {\n\t\t\treturn {\n\t\t\t\t...attributes,\n\t\t\t\talign: undefined,\n\t\t\t\t// Floating Buttons blocks shouldn't have been supported in the\n\t\t\t\t// first place. Most users using them probably expected them to\n\t\t\t\t// act like content justification controls, so these blocks are\n\t\t\t\t// migrated to use content justification.\n\t\t\t\t// As for center-aligned Buttons blocks, the content justification\n\t\t\t\t// equivalent will create an identical end result in most cases.\n\t\t\t\tcontentJustification: attributes.align,\n\t\t\t};\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/buttons/deprecated.js"],"names":["migrateWithLayout","attributes","layout","contentJustification","orientation","updatedAttributes","Object","assign","type","justifyContent","deprecated","default","supports","anchor","align","__experimentalExposeControlsToChildren","spacing","blockGap","margin","__experimentalDefaultControls","isEligible","migrate","save","useBlockProps","className","includes","undefined"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n/**\n * WordPress dependencies\n */\nimport { InnerBlocks, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * @param {Object} attributes Block's attributes.\n */\nconst migrateWithLayout = ( attributes ) => {\n\tif ( !! attributes.layout ) {\n\t\treturn attributes;\n\t}\n\n\tconst {\n\t\tcontentJustification,\n\t\torientation,\n\t\t...updatedAttributes\n\t} = attributes;\n\n\tif ( contentJustification || orientation ) {\n\t\tObject.assign( updatedAttributes, {\n\t\t\tlayout: {\n\t\t\t\ttype: 'flex',\n\t\t\t\t...( contentJustification && {\n\t\t\t\t\tjustifyContent: contentJustification,\n\t\t\t\t} ),\n\t\t\t\t...( orientation && { orientation } ),\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn updatedAttributes;\n};\n\nconst deprecated = [\n\t{\n\t\tattributes: {\n\t\t\tcontentJustification: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\torientation: {\n\t\t\t\ttype: 'string',\n\t\t\t\tdefault: 'horizontal',\n\t\t\t},\n\t\t},\n\t\tsupports: {\n\t\t\tanchor: true,\n\t\t\talign: [ 'wide', 'full' ],\n\t\t\t__experimentalExposeControlsToChildren: true,\n\t\t\tspacing: {\n\t\t\t\tblockGap: true,\n\t\t\t\tmargin: [ 'top', 'bottom' ],\n\t\t\t\t__experimentalDefaultControls: {\n\t\t\t\t\tblockGap: true,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tisEligible: ( { contentJustification, orientation } ) =>\n\t\t\t!! contentJustification || !! orientation,\n\t\tmigrate: migrateWithLayout,\n\t\tsave( { attributes: { contentJustification, orientation } } ) {\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\t{ ...useBlockProps.save( {\n\t\t\t\t\t\tclassName: classnames( {\n\t\t\t\t\t\t\t[ `is-content-justification-${ contentJustification }` ]: contentJustification,\n\t\t\t\t\t\t\t'is-vertical': orientation === 'vertical',\n\t\t\t\t\t\t} ),\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t},\n\t{\n\t\tsupports: {\n\t\t\talign: [ 'center', 'left', 'right' ],\n\t\t\tanchor: true,\n\t\t},\n\t\tsave() {\n\t\t\treturn (\n\t\t\t\t<div>\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t\tisEligible( { align } ) {\n\t\t\treturn align && [ 'center', 'left', 'right' ].includes( align );\n\t\t},\n\t\tmigrate( attributes ) {\n\t\t\treturn migrateWithLayout( {\n\t\t\t\t...attributes,\n\t\t\t\talign: undefined,\n\t\t\t\t// Floating Buttons blocks shouldn't have been supported in the\n\t\t\t\t// first place. Most users using them probably expected them to\n\t\t\t\t// act like content justification controls, so these blocks are\n\t\t\t\t// migrated to use content justification.\n\t\t\t\t// As for center-aligned Buttons blocks, the content justification\n\t\t\t\t// equivalent will create an identical end result in most cases.\n\t\t\t\tcontentJustification: attributes.align,\n\t\t\t} );\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"]}

package/build/buttons/edit.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,18 +7,12 @@ exports.default = void 0;
 
 var _element = require("@wordpress/element");
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _blockEditor = require("@wordpress/block-editor");
 
 var _data = require("@wordpress/data");
 
 var _button = require("../button");
 
-/**
- * External dependencies
- */
-
 /**
  * WordPress dependencies
  */
@@ -29,26 +21,13 @@ var _button = require("../button");
  * Internal dependencies
  */
 const ALLOWED_BLOCKS = [_button.name];
-const LAYOUT = {
-  type: 'default',
-  alignments: []
-};
-const VERTICAL_JUSTIFY_CONTROLS = ['left', 'center', 'right'];
-const HORIZONTAL_JUSTIFY_CONTROLS = ['left', 'center', 'right', 'space-between'];
 
 function ButtonsEdit({
   attributes: {
-    contentJustification,
-    orientation
-  },
-  setAttributes
+    layout = {}
+  }
 }) {
-  const blockProps = (0, _blockEditor.useBlockProps)({
-    className: (0, _classnames.default)({
-      [`is-content-justification-${contentJustification}`]: contentJustification,
-      'is-vertical': orientation === 'vertical'
-    })
-  });
+  const blockProps = (0, _blockEditor.useBlockProps)();
   const preferredStyle = (0, _data.useSelect)(select => {
     var _preferredStyleVariat;
 
@@ -56,30 +35,15 @@ function ButtonsEdit({
 
     return preferredStyleVariations === null || preferredStyleVariations === void 0 ? void 0 : (_preferredStyleVariat = preferredStyleVariations.value) === null || _preferredStyleVariat === void 0 ? void 0 : _preferredStyleVariat[_button.name];
   }, []);
-  const innerBlocksProps = (0, _blockEditor.__experimentalUseInnerBlocksProps)(blockProps, {
+  const innerBlocksProps = (0, _blockEditor.useInnerBlocksProps)(blockProps, {
     allowedBlocks: ALLOWED_BLOCKS,
     template: [[_button.name, {
       className: preferredStyle && `is-style-${preferredStyle}`
     }]],
-    orientation,
-    __experimentalLayout: LAYOUT,
+    __experimentalLayout: layout,
     templateInsertUpdatesSelection: true
   });
-  const justifyControls = orientation === 'vertical' ? VERTICAL_JUSTIFY_CONTROLS : HORIZONTAL_JUSTIFY_CONTROLS;
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.BlockControls, {
-    group: "block",
-    __experimentalShareWithChildBlocks: true
-  }, (0, _element.createElement)(_blockEditor.JustifyContentControl, {
-    allowedControls: justifyControls,
-    value: contentJustification,
-    onChange: value => setAttributes({
-      contentJustification: value
-    }),
-    popoverProps: {
-      position: 'bottom right',
-      isAlternate: true
-    }
-  })), (0, _element.createElement)("div", innerBlocksProps));
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("div", innerBlocksProps));
 }
 
 var _default = ButtonsEdit;

package/build/buttons/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/buttons/edit.js"],"names":["ALLOWED_BLOCKS","buttonBlockName","LAYOUT","type","alignments","VERTICAL_JUSTIFY_CONTROLS","HORIZONTAL_JUSTIFY_CONTROLS","ButtonsEdit","attributes","contentJustification","orientation","setAttributes","blockProps","className","preferredStyle","select","preferredStyleVariations","blockEditorStore","getSettings","__experimentalPreferredStyleVariations","value","innerBlocksProps","allowedBlocks","template","__experimentalLayout","templateInsertUpdatesSelection","justifyControls","position","isAlternate"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AAOA;;AAKA;;AApBA;AACA;AACA;;AAGA;AACA;AACA;;AAUA;AACA;AACA;AAGA,MAAMA,cAAc,GAAG,CAAEC,YAAF,CAAvB;AACA,MAAMC,MAAM,GAAG;AACdC,EAAAA,IAAI,EAAE,SADQ;AAEdC,EAAAA,UAAU,EAAE;AAFE,CAAf;AAIA,MAAMC,yBAAyB,GAAG,CAAE,MAAF,EAAU,QAAV,EAAoB,OAApB,CAAlC;AACA,MAAMC,2BAA2B,GAAG,CACnC,MADmC,EAEnC,QAFmC,EAGnC,OAHmC,EAInC,eAJmC,CAApC;;AAOA,SAASC,WAAT,CAAsB;AACrBC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,oBAAF;AAAwBC,IAAAA;AAAxB,GADS;AAErBC,EAAAA;AAFqB,CAAtB,EAGI;AACH,QAAMC,UAAU,GAAG,gCAAe;AACjCC,IAAAA,SAAS,EAAE,yBAAY;AACtB,OAAG,4BAA4BJ,oBAAsB,EAArD,GAA0DA,oBADpC;AAEtB,qBAAeC,WAAW,KAAK;AAFT,KAAZ;AADsB,GAAf,CAAnB;AAMA,QAAMI,cAAc,GAAG,qBAAaC,MAAF,IAAc;AAAA;;AAC/C,UAAMC,wBAAwB,GAAGD,MAAM,CACtCE,kBADsC,CAAN,CAE/BC,WAF+B,GAEjBC,sCAFhB;;AAGA,WAAOH,wBAAP,aAAOA,wBAAP,gDAAOA,wBAAwB,CAAEI,KAAjC,0DAAO,sBAAmCnB,YAAnC,CAAP;AACA,GALsB,EAKpB,EALoB,CAAvB;AAOA,QAAMoB,gBAAgB,GAAG,oDAAqBT,UAArB,EAAiC;AACzDU,IAAAA,aAAa,EAAEtB,cAD0C;AAEzDuB,IAAAA,QAAQ,EAAE,CACT,CACCtB,YADD,EAEC;AAAEY,MAAAA,SAAS,EAAEC,cAAc,IAAK,YAAYA,cAAgB;AAA5D,KAFD,CADS,CAF+C;AAQzDJ,IAAAA,WARyD;AASzDc,IAAAA,oBAAoB,EAAEtB,MATmC;AAUzDuB,IAAAA,8BAA8B,EAAE;AAVyB,GAAjC,CAAzB;AAaA,QAAMC,eAAe,GACpBhB,WAAW,KAAK,UAAhB,GACGL,yBADH,GAEGC,2BAHJ;AAKA,SACC,qDACC,4BAAC,0BAAD;AAAe,IAAA,KAAK,EAAC,OAArB;AAA6B,IAAA,kCAAkC;AAA/D,KACC,4BAAC,kCAAD;AACC,IAAA,eAAe,EAAGoB,eADnB;AAEC,IAAA,KAAK,EAAGjB,oBAFT;AAGC,IAAA,QAAQ,EAAKW,KAAF,IACVT,aAAa,CAAE;AAAEF,MAAAA,oBAAoB,EAAEW;AAAxB,KAAF,CAJf;AAMC,IAAA,YAAY,EAAG;AACdO,MAAAA,QAAQ,EAAE,cADI;AAEdC,MAAAA,WAAW,EAAE;AAFC;AANhB,IADD,CADD,EAcC,mCAAUP,gBAAV,CAdD,CADD;AAkBA;;eAEcd,W","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tuseBlockProps,\n\t__experimentalUseInnerBlocksProps as useInnerBlocksProps,\n\tJustifyContentControl,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { name as buttonBlockName } from '../button';\n\nconst ALLOWED_BLOCKS = [ buttonBlockName ];\nconst LAYOUT = {\n\ttype: 'default',\n\talignments: [],\n};\nconst VERTICAL_JUSTIFY_CONTROLS = [ 'left', 'center', 'right' ];\nconst HORIZONTAL_JUSTIFY_CONTROLS = [\n\t'left',\n\t'center',\n\t'right',\n\t'space-between',\n];\n\nfunction ButtonsEdit( {\n\tattributes: { contentJustification, orientation },\n\tsetAttributes,\n} ) {\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `is-content-justification-${ contentJustification }` ]: contentJustification,\n\t\t\t'is-vertical': orientation === 'vertical',\n\t\t} ),\n\t} );\n\tconst preferredStyle = useSelect( ( select ) => {\n\t\tconst preferredStyleVariations = select(\n\t\t\tblockEditorStore\n\t\t).getSettings().__experimentalPreferredStyleVariations;\n\t\treturn preferredStyleVariations?.value?.[ buttonBlockName ];\n\t}, [] );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\ttemplate: [\n\t\t\t[\n\t\t\t\tbuttonBlockName,\n\t\t\t\t{ className: preferredStyle && `is-style-${ preferredStyle }` },\n\t\t\t],\n\t\t],\n\t\torientation,\n\t\t__experimentalLayout: LAYOUT,\n\t\ttemplateInsertUpdatesSelection: true,\n\t} );\n\n\tconst justifyControls =\n\t\torientation === 'vertical'\n\t\t\t? VERTICAL_JUSTIFY_CONTROLS\n\t\t\t: HORIZONTAL_JUSTIFY_CONTROLS;\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\" __experimentalShareWithChildBlocks>\n\t\t\t\t<JustifyContentControl\n\t\t\t\t\tallowedControls={ justifyControls }\n\t\t\t\t\tvalue={ contentJustification }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { contentJustification: value } )\n\t\t\t\t\t}\n\t\t\t\t\tpopoverProps={ {\n\t\t\t\t\t\tposition: 'bottom right',\n\t\t\t\t\t\tisAlternate: true,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nexport default ButtonsEdit;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/buttons/edit.js"],"names":["ALLOWED_BLOCKS","buttonBlockName","ButtonsEdit","attributes","layout","blockProps","preferredStyle","select","preferredStyleVariations","blockEditorStore","getSettings","__experimentalPreferredStyleVariations","value","innerBlocksProps","allowedBlocks","template","className","__experimentalLayout","templateInsertUpdatesSelection"],"mappings":";;;;;;;;;AAGA;;AAKA;;AAKA;;AAbA;AACA;AACA;;AAQA;AACA;AACA;AAGA,MAAMA,cAAc,GAAG,CAAEC,YAAF,CAAvB;;AAEA,SAASC,WAAT,CAAsB;AAAEC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,MAAM,GAAG;AAAX;AAAd,CAAtB,EAAwD;AACvD,QAAMC,UAAU,GAAG,iCAAnB;AACA,QAAMC,cAAc,GAAG,qBAAaC,MAAF,IAAc;AAAA;;AAC/C,UAAMC,wBAAwB,GAAGD,MAAM,CACtCE,kBADsC,CAAN,CAE/BC,WAF+B,GAEjBC,sCAFhB;;AAGA,WAAOH,wBAAP,aAAOA,wBAAP,gDAAOA,wBAAwB,CAAEI,KAAjC,0DAAO,sBAAmCX,YAAnC,CAAP;AACA,GALsB,EAKpB,EALoB,CAAvB;AAOA,QAAMY,gBAAgB,GAAG,sCAAqBR,UAArB,EAAiC;AACzDS,IAAAA,aAAa,EAAEd,cAD0C;AAEzDe,IAAAA,QAAQ,EAAE,CACT,CACCd,YADD,EAEC;AAAEe,MAAAA,SAAS,EAAEV,cAAc,IAAK,YAAYA,cAAgB;AAA5D,KAFD,CADS,CAF+C;AAQzDW,IAAAA,oBAAoB,EAAEb,MARmC;AASzDc,IAAAA,8BAA8B,EAAE;AATyB,GAAjC,CAAzB;AAYA,SACC,qDACC,mCAAUL,gBAAV,CADD,CADD;AAKA;;eAEcX,W","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { name as buttonBlockName } from '../button';\n\nconst ALLOWED_BLOCKS = [ buttonBlockName ];\n\nfunction ButtonsEdit( { attributes: { layout = {} } } ) {\n\tconst blockProps = useBlockProps();\n\tconst preferredStyle = useSelect( ( select ) => {\n\t\tconst preferredStyleVariations = select(\n\t\t\tblockEditorStore\n\t\t).getSettings().__experimentalPreferredStyleVariations;\n\t\treturn preferredStyleVariations?.value?.[ buttonBlockName ];\n\t}, [] );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\ttemplate: [\n\t\t\t[\n\t\t\t\tbuttonBlockName,\n\t\t\t\t{ className: preferredStyle && `is-style-${ preferredStyle }` },\n\t\t\t],\n\t\t],\n\t\t__experimentalLayout: layout,\n\t\ttemplateInsertUpdatesSelection: true,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nexport default ButtonsEdit;\n"]}

package/build/buttons/index.js

@@ -19,8 +19,6 @@ var _edit = _interopRequireDefault(require("./edit"));
 
 var _save = _interopRequireDefault(require("./save"));
 
-var _variations = _interopRequireDefault(require("./variations"));
-
 /**
  * WordPress dependencies
  */
@@ -36,19 +34,24 @@ const metadata = {
   description: "Prompt visitors to take action with a group of button-style links.",
   keywords: ["link"],
   textdomain: "default",
-  attributes: {
-    contentJustification: {
-      type: "string"
-    },
-    orientation: {
-      type: "string",
-      "default": "horizontal"
-    }
-  },
   supports: {
     anchor: true,
     align: ["wide", "full"],
-    __experimentalExposeControlsToChildren: true
+    __experimentalExposeControlsToChildren: true,
+    spacing: {
+      blockGap: true,
+      margin: ["top", "bottom"],
+      __experimentalDefaultControls: {
+        blockGap: true
+      }
+    },
+    __experimentalLayout: {
+      allowSwitching: false,
+      allowInheriting: false,
+      "default": {
+        type: "flex"
+      }
+    }
   },
   editorStyle: "wp-block-buttons-editor",
   style: "wp-block-buttons"
@@ -76,8 +79,7 @@ const settings = {
   deprecated: _deprecated.default,
   transforms: _transforms.default,
   edit: _edit.default,
-  save: _save.default,
-  variations: _variations.default
+  save: _save.default
 };
 exports.settings = settings;
 //# sourceMappingURL=index.js.map

package/build/buttons/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/buttons/index.js"],"names":["name","metadata","settings","icon","example","innerBlocks","attributes","text","deprecated","transforms","edit","save","variations"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AACA;;AAEA;;AACA;;AAdA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,cADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,WAAW,EAAE,CACZ;AACCL,MAAAA,IAAI,EAAE,aADP;AAECM,MAAAA,UAAU,EAAE;AAAEC,QAAAA,IAAI,EAAE,cAAI,eAAJ;AAAR;AAFb,KADY,EAKZ;AACCP,MAAAA,IAAI,EAAE,aADP;AAECM,MAAAA,UAAU,EAAE;AAAEC,QAAAA,IAAI,EAAE,cAAI,YAAJ;AAAR;AAFb,KALY;AADL,GAFc;AAcvBC,EAAAA,UAAU,EAAVA,mBAduB;AAevBC,EAAAA,UAAU,EAAVA,mBAfuB;AAgBvBC,EAAAA,IAAI,EAAJA,aAhBuB;AAiBvBC,EAAAA,IAAI,EAAJA,aAjBuB;AAkBvBC,EAAAA,UAAU,EAAVA;AAlBuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { buttons as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport transforms from './transforms';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport variations from './variations';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/button',\n\t\t\t\tattributes: { text: __( 'Find out more' ) },\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/button',\n\t\t\t\tattributes: { text: __( 'Contact us' ) },\n\t\t\t},\n\t\t],\n\t},\n\tdeprecated,\n\ttransforms,\n\tedit,\n\tsave,\n\tvariations,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/buttons/index.js"],"names":["name","metadata","settings","icon","example","innerBlocks","attributes","text","deprecated","transforms","edit","save"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AACA;;AAEA;;AAbA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,cADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,WAAW,EAAE,CACZ;AACCL,MAAAA,IAAI,EAAE,aADP;AAECM,MAAAA,UAAU,EAAE;AAAEC,QAAAA,IAAI,EAAE,cAAI,eAAJ;AAAR;AAFb,KADY,EAKZ;AACCP,MAAAA,IAAI,EAAE,aADP;AAECM,MAAAA,UAAU,EAAE;AAAEC,QAAAA,IAAI,EAAE,cAAI,YAAJ;AAAR;AAFb,KALY;AADL,GAFc;AAcvBC,EAAAA,UAAU,EAAVA,mBAduB;AAevBC,EAAAA,UAAU,EAAVA,mBAfuB;AAgBvBC,EAAAA,IAAI,EAAJA,aAhBuB;AAiBvBC,EAAAA,IAAI,EAAJA;AAjBuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { buttons as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport transforms from './transforms';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/button',\n\t\t\t\tattributes: { text: __( 'Find out more' ) },\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/button',\n\t\t\t\tattributes: { text: __( 'Contact us' ) },\n\t\t\t},\n\t\t],\n\t},\n\tdeprecated,\n\ttransforms,\n\tedit,\n\tsave,\n};\n"]}

package/build/buttons/save.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,28 +7,14 @@ exports.default = save;
 
 var _element = require("@wordpress/element");
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _blockEditor = require("@wordpress/block-editor");
 
-/**
- * External dependencies
- */
-
 /**
  * WordPress dependencies
  */
-function save({
-  attributes: {
-    contentJustification,
-    orientation
-  }
-}) {
-  return (0, _element.createElement)("div", _blockEditor.useBlockProps.save({
-    className: (0, _classnames.default)({
-      [`is-content-justification-${contentJustification}`]: contentJustification,
-      'is-vertical': orientation === 'vertical'
-    })
-  }), (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null));
+function save() {
+  const innerBlocksProps = _blockEditor.useInnerBlocksProps.save(_blockEditor.useBlockProps.save());
+
+  return (0, _element.createElement)("div", innerBlocksProps);
 }
 //# sourceMappingURL=save.js.map

package/build/buttons/save.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/buttons/save.js"],"names":["save","attributes","contentJustification","orientation","useBlockProps","className"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGe,SAASA,IAAT,CAAe;AAC7BC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,oBAAF;AAAwBC,IAAAA;AAAxB;AADiB,CAAf,EAEX;AACH,SACC,mCACMC,2BAAcJ,IAAd,CAAoB;AACxBK,IAAAA,SAAS,EAAE,yBAAY;AACtB,OAAG,4BAA4BH,oBAAsB,EAArD,GAA0DA,oBADpC;AAEtB,qBAAeC,WAAW,KAAK;AAFT,KAAZ;AADa,GAApB,CADN,EAQC,4BAAC,wBAAD,CAAa,OAAb,OARD,CADD;AAYA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { InnerBlocks, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( {\n\tattributes: { contentJustification, orientation },\n} ) {\n\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tclassName: classnames( {\n\t\t\t\t\t[ `is-content-justification-${ contentJustification }` ]: contentJustification,\n\t\t\t\t\t'is-vertical': orientation === 'vertical',\n\t\t\t\t} ),\n\t\t\t} ) }\n\t\t>\n\t\t\t<InnerBlocks.Content />\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/buttons/save.js"],"names":["save","innerBlocksProps","useInnerBlocksProps","useBlockProps"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGe,SAASA,IAAT,GAAgB;AAC9B,QAAMC,gBAAgB,GAAGC,iCAAoBF,IAApB,CAA0BG,2BAAcH,IAAd,EAA1B,CAAzB;;AACA,SAAO,mCAAUC,gBAAV,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\nexport default function save() {\n\tconst innerBlocksProps = useInnerBlocksProps.save( useBlockProps.save() );\n\treturn <div { ...innerBlocksProps } />;\n}\n"]}

package/build/buttons/transforms.js

@@ -26,19 +26,24 @@ const {
   description: "Prompt visitors to take action with a group of button-style links.",
   keywords: ["link"],
   textdomain: "default",
-  attributes: {
-    contentJustification: {
-      type: "string"
-    },
-    orientation: {
-      type: "string",
-      "default": "horizontal"
-    }
-  },
   supports: {
     anchor: true,
     align: ["wide", "full"],
-    __experimentalExposeControlsToChildren: true
+    __experimentalExposeControlsToChildren: true,
+    spacing: {
+      blockGap: true,
+      margin: ["top", "bottom"],
+      __experimentalDefaultControls: {
+        blockGap: true
+      }
+    },
+    __experimentalLayout: {
+      allowSwitching: false,
+      allowInheriting: false,
+      "default": {
+        type: "flex"
+      }
+    }
   },
   editorStyle: "wp-block-buttons-editor",
   style: "wp-block-buttons"

package/build/buttons/transforms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/buttons/transforms.js"],"names":["transforms","from","type","isMultiBlock","blocks","transform","buttons","name","map","attributes","element","document","content","text","innerText","link","querySelector","url","getAttribute","isMatch","paragraphs","every","links","querySelectorAll","length"],"mappings":";;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAMA,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,OADP;AAECC,IAAAA,YAAY,EAAE,IAFf;AAGCC,IAAAA,MAAM,EAAE,CAAE,aAAF,CAHT;AAICC,IAAAA,SAAS,EAAIC,OAAF,IACV;AACA,6BACCC,IADD,EAEC,EAFD,EAGC;AACAD,IAAAA,OAAO,CAACE,GAAR,CAAeC,UAAF,IACZ;AACA,6BAAa,aAAb,EAA4BA,UAA5B,CAFD,CAJD;AANF,GADK,EAiBL;AACCP,IAAAA,IAAI,EAAE,OADP;AAECC,IAAAA,YAAY,EAAE,IAFf;AAGCC,IAAAA,MAAM,EAAE,CAAE,gBAAF,CAHT;AAICC,IAAAA,SAAS,EAAIC,OAAF,IACV;AACA,6BACCC,IADD,EAEC,EAFD,EAGC;AACAD,IAAAA,OAAO,CAACE,GAAR,CAAeC,UAAF,IAAkB;AAC9B,YAAMC,OAAO,GAAG,uCACfC,QADe,EAEfF,UAAU,CAACG,OAFI,CAAhB,CAD8B,CAK9B;;AACA,YAAMC,IAAI,GAAGH,OAAO,CAACI,SAAR,IAAqB,EAAlC,CAN8B,CAO9B;;AACA,YAAMC,IAAI,GAAGL,OAAO,CAACM,aAAR,CAAuB,GAAvB,CAAb;AACA,YAAMC,GAAG,GAAGF,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEG,YAAN,CAAoB,MAApB,CAAZ,CAT8B,CAU9B;;AACA,aAAO,yBAAa,aAAb,EAA4B;AAClCL,QAAAA,IADkC;AAElCI,QAAAA;AAFkC,OAA5B,CAAP;AAIA,KAfD,CAJD,CANF;AA2BCE,IAAAA,OAAO,EAAIC,UAAF,IAAkB;AAC1B,aAAOA,UAAU,CAACC,KAAX,CAAoBZ,UAAF,IAAkB;AAC1C,cAAMC,OAAO,GAAG,uCACfC,QADe,EAEfF,UAAU,CAACG,OAFI,CAAhB;AAIA,cAAMC,IAAI,GAAGH,OAAO,CAACI,SAAR,IAAqB,EAAlC;AACA,cAAMQ,KAAK,GAAGZ,OAAO,CAACa,gBAAR,CAA0B,GAA1B,CAAd;AACA,eAAOV,IAAI,CAACW,MAAL,IAAe,EAAf,IAAqBF,KAAK,CAACE,MAAN,IAAgB,CAA5C;AACA,OARM,CAAP;AASA;AArCF,GAjBK;AADY,CAAnB;eA4DexB,U","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { __unstableCreateElement as createElement } from '@wordpress/rich-text';\n\n/**\n * Internal dependencies\n */\nimport { name } from './block.json';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tisMultiBlock: true,\n\t\t\tblocks: [ 'core/button' ],\n\t\t\ttransform: ( buttons ) =>\n\t\t\t\t// Creates the buttons block\n\t\t\t\tcreateBlock(\n\t\t\t\t\tname,\n\t\t\t\t\t{},\n\t\t\t\t\t// Loop the selected buttons\n\t\t\t\t\tbuttons.map( ( attributes ) =>\n\t\t\t\t\t\t// Create singular button in the buttons block\n\t\t\t\t\t\tcreateBlock( 'core/button', attributes )\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t},\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tisMultiBlock: true,\n\t\t\tblocks: [ 'core/paragraph' ],\n\t\t\ttransform: ( buttons ) =>\n\t\t\t\t// Creates the buttons block\n\t\t\t\tcreateBlock(\n\t\t\t\t\tname,\n\t\t\t\t\t{},\n\t\t\t\t\t// Loop the selected buttons\n\t\t\t\t\tbuttons.map( ( attributes ) => {\n\t\t\t\t\t\tconst element = createElement(\n\t\t\t\t\t\t\tdocument,\n\t\t\t\t\t\t\tattributes.content\n\t\t\t\t\t\t);\n\t\t\t\t\t\t// Remove any HTML tags\n\t\t\t\t\t\tconst text = element.innerText || '';\n\t\t\t\t\t\t// Get first url\n\t\t\t\t\t\tconst link = element.querySelector( 'a' );\n\t\t\t\t\t\tconst url = link?.getAttribute( 'href' );\n\t\t\t\t\t\t// Create singular button in the buttons block\n\t\t\t\t\t\treturn createBlock( 'core/button', {\n\t\t\t\t\t\t\ttext,\n\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} )\n\t\t\t\t),\n\t\t\tisMatch: ( paragraphs ) => {\n\t\t\t\treturn paragraphs.every( ( attributes ) => {\n\t\t\t\t\tconst element = createElement(\n\t\t\t\t\t\tdocument,\n\t\t\t\t\t\tattributes.content\n\t\t\t\t\t);\n\t\t\t\t\tconst text = element.innerText || '';\n\t\t\t\t\tconst links = element.querySelectorAll( 'a' );\n\t\t\t\t\treturn text.length <= 30 && links.length <= 1;\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/buttons/transforms.js"],"names":["transforms","from","type","isMultiBlock","blocks","transform","buttons","name","map","attributes","element","document","content","text","innerText","link","querySelector","url","getAttribute","isMatch","paragraphs","every","links","querySelectorAll","length"],"mappings":";;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAMA,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,OADP;AAECC,IAAAA,YAAY,EAAE,IAFf;AAGCC,IAAAA,MAAM,EAAE,CAAE,aAAF,CAHT;AAICC,IAAAA,SAAS,EAAIC,OAAF,IACV;AACA,6BACCC,IADD,EAEC,EAFD,EAGC;AACAD,IAAAA,OAAO,CAACE,GAAR,CAAeC,UAAF,IACZ;AACA,6BAAa,aAAb,EAA4BA,UAA5B,CAFD,CAJD;AANF,GADK,EAiBL;AACCP,IAAAA,IAAI,EAAE,OADP;AAECC,IAAAA,YAAY,EAAE,IAFf;AAGCC,IAAAA,MAAM,EAAE,CAAE,gBAAF,CAHT;AAICC,IAAAA,SAAS,EAAIC,OAAF,IACV;AACA,6BACCC,IADD,EAEC,EAFD,EAGC;AACAD,IAAAA,OAAO,CAACE,GAAR,CAAeC,UAAF,IAAkB;AAC9B,YAAMC,OAAO,GAAG,uCACfC,QADe,EAEfF,UAAU,CAACG,OAFI,CAAhB,CAD8B,CAK9B;;AACA,YAAMC,IAAI,GAAGH,OAAO,CAACI,SAAR,IAAqB,EAAlC,CAN8B,CAO9B;;AACA,YAAMC,IAAI,GAAGL,OAAO,CAACM,aAAR,CAAuB,GAAvB,CAAb;AACA,YAAMC,GAAG,GAAGF,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEG,YAAN,CAAoB,MAApB,CAAZ,CAT8B,CAU9B;;AACA,aAAO,yBAAa,aAAb,EAA4B;AAClCL,QAAAA,IADkC;AAElCI,QAAAA;AAFkC,OAA5B,CAAP;AAIA,KAfD,CAJD,CANF;AA2BCE,IAAAA,OAAO,EAAIC,UAAF,IAAkB;AAC1B,aAAOA,UAAU,CAACC,KAAX,CAAoBZ,UAAF,IAAkB;AAC1C,cAAMC,OAAO,GAAG,uCACfC,QADe,EAEfF,UAAU,CAACG,OAFI,CAAhB;AAIA,cAAMC,IAAI,GAAGH,OAAO,CAACI,SAAR,IAAqB,EAAlC;AACA,cAAMQ,KAAK,GAAGZ,OAAO,CAACa,gBAAR,CAA0B,GAA1B,CAAd;AACA,eAAOV,IAAI,CAACW,MAAL,IAAe,EAAf,IAAqBF,KAAK,CAACE,MAAN,IAAgB,CAA5C;AACA,OARM,CAAP;AASA;AArCF,GAjBK;AADY,CAAnB;eA4DexB,U","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { __unstableCreateElement as createElement } from '@wordpress/rich-text';\n\n/**\n * Internal dependencies\n */\nimport { name } from './block.json';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tisMultiBlock: true,\n\t\t\tblocks: [ 'core/button' ],\n\t\t\ttransform: ( buttons ) =>\n\t\t\t\t// Creates the buttons block\n\t\t\t\tcreateBlock(\n\t\t\t\t\tname,\n\t\t\t\t\t{},\n\t\t\t\t\t// Loop the selected buttons\n\t\t\t\t\tbuttons.map( ( attributes ) =>\n\t\t\t\t\t\t// Create singular button in the buttons block\n\t\t\t\t\t\tcreateBlock( 'core/button', attributes )\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t},\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tisMultiBlock: true,\n\t\t\tblocks: [ 'core/paragraph' ],\n\t\t\ttransform: ( buttons ) =>\n\t\t\t\t// Creates the buttons block\n\t\t\t\tcreateBlock(\n\t\t\t\t\tname,\n\t\t\t\t\t{},\n\t\t\t\t\t// Loop the selected buttons\n\t\t\t\t\tbuttons.map( ( attributes ) => {\n\t\t\t\t\t\tconst element = createElement(\n\t\t\t\t\t\t\tdocument,\n\t\t\t\t\t\t\tattributes.content\n\t\t\t\t\t\t);\n\t\t\t\t\t\t// Remove any HTML tags\n\t\t\t\t\t\tconst text = element.innerText || '';\n\t\t\t\t\t\t// Get first url\n\t\t\t\t\t\tconst link = element.querySelector( 'a' );\n\t\t\t\t\t\tconst url = link?.getAttribute( 'href' );\n\t\t\t\t\t\t// Create singular button in the buttons block\n\t\t\t\t\t\treturn createBlock( 'core/button', {\n\t\t\t\t\t\t\ttext,\n\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} )\n\t\t\t\t),\n\t\t\tisMatch: ( paragraphs ) => {\n\t\t\t\treturn paragraphs.every( ( attributes ) => {\n\t\t\t\t\tconst element = createElement(\n\t\t\t\t\t\tdocument,\n\t\t\t\t\t\tattributes.content\n\t\t\t\t\t);\n\t\t\t\t\tconst text = element.innerText || '';\n\t\t\t\t\tconst links = element.querySelectorAll( 'a' );\n\t\t\t\t\treturn text.length <= 30 && links.length <= 1;\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}