@wordpress/block-library 8.10.0 → 8.12.0

package/build-module/search/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/search/edit.native.js"],"names":["View","AccessibilityInfo","classnames","RichText","PlainText","useBlockProps","InspectorControls","PanelBody","SelectControl","ToggleControl","Icon","__","search","useRef","useEffect","useState","usePreferredColorSchemeStyle","styles","MIN_BUTTON_WIDTH","MARGINS","widthMargin","marginLeft","paddingLeft","BUTTON_OPTIONS","value","label","useIsScreenReaderEnabled","isScreenReaderEnabled","setIsScreenReaderEnabled","mounted","changeListener","addEventListener","enabled","then","screenReaderEnabled","remove","SearchEdit","onFocus","isSelected","attributes","setAttributes","className","blockWidth","style","isButtonSelected","setIsButtonSelected","isLabelSelected","setIsLabelSelected","isPlaceholderSelected","setIsPlaceholderSelected","isLongButton","setIsLongButton","buttonWidth","setButtonWidth","textInputRef","showLabel","buttonPosition","buttonUseIcon","placeholder","buttonText","hasTextInput","current","blur","maxButtonWidth","Math","floor","tempIsLongButton","onLayoutButton","nativeEvent","width","layout","getBlockClassNames","undefined","getSelectedButtonPositionLabel","option","blockProps","controls","position","isButtonInside","borderStyle","border","borderDark","inputStyle","plainTextInput","plainTextInputDark","baseColors","color","text","placeholderStyle","plainTextPlaceholder","plainTextPlaceholderDark","searchBarStyle","searchBarContainer","flexDirection","getAccessibilityLabelForButton","getAccessibilityLabelForPlaceholder","title","description","getAccessibilityLabelForLabel","renderTextField","searchInputContainer","newVal","buttonPlaceholderText","baseButtonStyles","blocks","richTextButtonContainerStyle","buttonContainer","buttonContainerWide","background","backgroundColor","borderWidth","richTextButtonStyle","richTextButton","placeholderColor","iconStyles","icon","fill","renderButton","html","richTextButtonCursor","searchBlockContainer","richTextLabel"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, AccessibilityInfo } from 'react-native';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tPlainText,\n\tuseBlockProps,\n\tInspectorControls,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tSelectControl,\n\tToggleControl,\n\tIcon,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { search } from '@wordpress/icons';\nimport { useRef, useEffect, useState } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\n/**\n * Constants\n */\nconst MIN_BUTTON_WIDTH = 75;\nconst MARGINS =\n\tstyles.widthMargin?.marginLeft + styles.widthMargin?.paddingLeft;\n\nconst BUTTON_OPTIONS = [\n\t{ value: 'button-inside', label: __( 'Button inside' ) },\n\t{ value: 'button-outside', label: __( 'Button outside' ) },\n\t{ value: 'no-button', label: __( 'No button' ) },\n];\n\nfunction useIsScreenReaderEnabled() {\n\tconst [ isScreenReaderEnabled, setIsScreenReaderEnabled ] =\n\t\tuseState( false );\n\n\tuseEffect( () => {\n\t\tlet mounted = true;\n\n\t\tconst changeListener = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\t( enabled ) => setIsScreenReaderEnabled( enabled )\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then(\n\t\t\t( screenReaderEnabled ) => {\n\t\t\t\tif ( mounted && screenReaderEnabled ) {\n\t\t\t\t\tsetIsScreenReaderEnabled( screenReaderEnabled );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\treturn () => {\n\t\t\tmounted = false;\n\n\t\t\tchangeListener.remove();\n\t\t};\n\t}, [] );\n\n\treturn isScreenReaderEnabled;\n}\n\nexport default function SearchEdit( {\n\tonFocus,\n\tisSelected,\n\tattributes,\n\tsetAttributes,\n\tclassName,\n\tblockWidth,\n\tstyle,\n} ) {\n\tconst [ isButtonSelected, setIsButtonSelected ] = useState( false );\n\tconst [ isLabelSelected, setIsLabelSelected ] = useState( false );\n\tconst [ isPlaceholderSelected, setIsPlaceholderSelected ] =\n\t\tuseState( false );\n\tconst [ isLongButton, setIsLongButton ] = useState( false );\n\tconst [ buttonWidth, setButtonWidth ] = useState( MIN_BUTTON_WIDTH );\n\tconst isScreenReaderEnabled = useIsScreenReaderEnabled();\n\n\tconst textInputRef = useRef( null );\n\n\tconst {\n\t\tlabel,\n\t\tshowLabel,\n\t\tbuttonPosition,\n\t\tbuttonUseIcon,\n\t\tplaceholder,\n\t\tbuttonText,\n\t} = attributes;\n\n\t/*\n\t * Called when the value of isSelected changes. Blurs the PlainText component\n\t * used by the placeholder when this block loses focus.\n\t */\n\tuseEffect( () => {\n\t\tif ( hasTextInput() && isPlaceholderSelected && ! isSelected ) {\n\t\t\ttextInputRef.current.blur();\n\t\t}\n\t}, [ isSelected ] );\n\n\tuseEffect( () => {\n\t\tconst maxButtonWidth = Math.floor( blockWidth / 2 - MARGINS );\n\t\tconst tempIsLongButton = buttonWidth > maxButtonWidth;\n\n\t\t// Update this value only if it has changed to avoid flickering.\n\t\tif ( isLongButton !== tempIsLongButton ) {\n\t\t\tsetIsLongButton( tempIsLongButton );\n\t\t}\n\t}, [ blockWidth, buttonWidth ] );\n\n\tconst hasTextInput = () => {\n\t\treturn textInputRef && textInputRef.current;\n\t};\n\n\tconst onLayoutButton = ( { nativeEvent } ) => {\n\t\tconst { width } = nativeEvent?.layout;\n\n\t\tif ( width ) {\n\t\t\tsetButtonWidth( width );\n\t\t}\n\t};\n\n\tconst getBlockClassNames = () => {\n\t\treturn classnames(\n\t\t\tclassName,\n\t\t\t'button-inside' === buttonPosition\n\t\t\t\t? 'wp-block-search__button-inside'\n\t\t\t\t: undefined,\n\t\t\t'button-outside' === buttonPosition\n\t\t\t\t? 'wp-block-search__button-outside'\n\t\t\t\t: undefined,\n\t\t\t'no-button' === buttonPosition\n\t\t\t\t? 'wp-block-search__no-button'\n\t\t\t\t: undefined,\n\t\t\t'button-only' === buttonPosition\n\t\t\t\t? 'wp-block-search__button-only'\n\t\t\t\t: undefined,\n\t\t\t! buttonUseIcon && 'no-button' !== buttonPosition\n\t\t\t\t? 'wp-block-search__text-button'\n\t\t\t\t: undefined,\n\t\t\tbuttonUseIcon && 'no-button' !== buttonPosition\n\t\t\t\t? 'wp-block-search__icon-button'\n\t\t\t\t: undefined\n\t\t);\n\t};\n\n\tconst getSelectedButtonPositionLabel = ( option ) => {\n\t\tswitch ( option ) {\n\t\t\tcase 'button-inside':\n\t\t\t\treturn __( 'Inside' );\n\t\t\tcase 'button-outside':\n\t\t\t\treturn __( 'Outside' );\n\t\t\tcase 'no-button':\n\t\t\t\treturn __( 'No button' );\n\t\t}\n\t};\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: getBlockClassNames(),\n\t} );\n\n\tconst controls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Search settings' ) }>\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ __( 'Hide search heading' ) }\n\t\t\t\t\tchecked={ ! showLabel }\n\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tshowLabel: ! showLabel,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<SelectControl\n\t\t\t\t\tlabel={ __( 'Button position' ) }\n\t\t\t\t\tvalue={ getSelectedButtonPositionLabel( buttonPosition ) }\n\t\t\t\t\tonChange={ ( position ) => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tbuttonPosition: position,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\toptions={ BUTTON_OPTIONS }\n\t\t\t\t\thideCancelButton={ true }\n\t\t\t\t/>\n\t\t\t\t{ buttonPosition !== 'no-button' && (\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Use icon button' ) }\n\t\t\t\t\t\tchecked={ buttonUseIcon }\n\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tbuttonUseIcon: ! buttonUseIcon,\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) }\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\tconst isButtonInside = buttonPosition === 'button-inside';\n\n\tconst borderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.border,\n\t\tstyles.borderDark\n\t);\n\n\tconst inputStyle = [\n\t\t! isButtonInside && borderStyle,\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.plainTextInput,\n\t\t\tstyles.plainTextInputDark\n\t\t),\n\t\tstyle?.baseColors?.color && { color: style?.baseColors?.color?.text },\n\t];\n\n\tconst placeholderStyle = {\n\t\t...usePreferredColorSchemeStyle(\n\t\t\tstyles.plainTextPlaceholder,\n\t\t\tstyles.plainTextPlaceholderDark\n\t\t),\n\t\t...( style?.baseColors?.color && {\n\t\t\tcolor: style?.baseColors?.color?.text,\n\t\t} ),\n\t};\n\n\tconst searchBarStyle = [\n\t\tstyles.searchBarContainer,\n\t\tisButtonInside && borderStyle,\n\t\tisLongButton && { flexDirection: 'column' },\n\t];\n\n\t/**\n\t * If a screenreader is enabled, create a descriptive label for this field. If\n\t * not, return a label that is used during automated UI tests.\n\t *\n\t * @return {string} The accessibilityLabel for the Search Button\n\t */\n\tconst getAccessibilityLabelForButton = () => {\n\t\tif ( ! isScreenReaderEnabled ) {\n\t\t\treturn 'search-block-button';\n\t\t}\n\n\t\treturn `${ __(\n\t\t\t'Search button. Current button text is'\n\t\t) } ${ buttonText }`;\n\t};\n\n\t/**\n\t * If a screenreader is enabled, create a descriptive label for this field. If\n\t * not, return a label that is used during automated UI tests.\n\t *\n\t * @return {string} The accessibilityLabel for the Search Input\n\t * \t\t\t\t\t placeholder field.\n\t */\n\tconst getAccessibilityLabelForPlaceholder = () => {\n\t\tif ( ! isScreenReaderEnabled ) {\n\t\t\treturn 'search-block-input';\n\t\t}\n\n\t\tconst title = __( 'Search input field.' );\n\t\tconst description = placeholder\n\t\t\t? `${ __( 'Current placeholder text is' ) } ${ placeholder }`\n\t\t\t: __( 'No custom placeholder set' );\n\t\treturn `${ title } ${ description }`;\n\t};\n\n\t/**\n\t * If a screenreader is enabled, create a descriptive label for this field. If\n\t * not, return a label that is used during automated UI tests.\n\t *\n\t * @return {string} The accessibilityLabel for the Search Label field\n\t */\n\tconst getAccessibilityLabelForLabel = () => {\n\t\tif ( ! isScreenReaderEnabled ) {\n\t\t\treturn 'search-block-label';\n\t\t}\n\n\t\treturn `${ __( 'Search block label. Current text is' ) } ${ label }`;\n\t};\n\n\tconst renderTextField = () => {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ styles.searchInputContainer }\n\t\t\t\taccessible={ true }\n\t\t\t\taccessibilityRole=\"none\"\n\t\t\t\taccessibilityHint={\n\t\t\t\t\tisScreenReaderEnabled\n\t\t\t\t\t\t? __( 'Double tap to edit placeholder text' )\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\taccessibilityLabel={ getAccessibilityLabelForPlaceholder() }\n\t\t\t>\n\t\t\t\t<PlainText\n\t\t\t\t\tref={ textInputRef }\n\t\t\t\t\tisSelected={ isPlaceholderSelected }\n\t\t\t\t\tclassName=\"wp-block-search__input\"\n\t\t\t\t\tstyle={ inputStyle }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode=\"tail\" // Currently only works on ios.\n\t\t\t\t\tlabel={ null }\n\t\t\t\t\tvalue={ placeholder }\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tplaceholder ? undefined : __( 'Optional placeholder…' )\n\t\t\t\t\t}\n\t\t\t\t\tonChange={ ( newVal ) =>\n\t\t\t\t\t\tsetAttributes( { placeholder: newVal } )\n\t\t\t\t\t}\n\t\t\t\t\tonFocus={ () => {\n\t\t\t\t\t\tsetIsPlaceholderSelected( true );\n\t\t\t\t\t\tonFocus();\n\t\t\t\t\t} }\n\t\t\t\t\tonBlur={ () => setIsPlaceholderSelected( false ) }\n\t\t\t\t\tplaceholderTextColor={ placeholderStyle?.color }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t);\n\t};\n\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 buttonPlaceholderText =\n\t\tisButtonSelected ||\n\t\t( ! isButtonSelected && buttonText && buttonText !== '' )\n\t\t\t? ''\n\t\t\t: __( 'Add button text' );\n\n\tconst baseButtonStyles = {\n\t\t...style?.baseColors?.blocks?.[ 'core/button' ]?.color,\n\t\t...attributes?.style?.color,\n\t\t...( style?.color && { text: style.color } ),\n\t};\n\n\tconst richTextButtonContainerStyle = [\n\t\tstyles.buttonContainer,\n\t\tisLongButton && styles.buttonContainerWide,\n\t\tbaseButtonStyles?.background && {\n\t\t\tbackgroundColor: baseButtonStyles.background,\n\t\t\tborderWidth: 0,\n\t\t},\n\t\tstyle?.backgroundColor && {\n\t\t\tbackgroundColor: style.backgroundColor,\n\t\t\tborderWidth: 0,\n\t\t},\n\t];\n\n\tconst richTextButtonStyle = {\n\t\t...styles.richTextButton,\n\t\t...( baseButtonStyles?.text && {\n\t\t\tcolor: baseButtonStyles.text,\n\t\t\tplaceholderColor: baseButtonStyles.text,\n\t\t} ),\n\t};\n\n\tconst iconStyles = {\n\t\t...styles.icon,\n\t\t...( baseButtonStyles?.text && { fill: baseButtonStyles.text } ),\n\t};\n\n\tconst renderButton = () => {\n\t\treturn (\n\t\t\t<View style={ richTextButtonContainerStyle }>\n\t\t\t\t{ buttonUseIcon && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t{ ...iconStyles }\n\t\t\t\t\t\tonLayout={ onLayoutButton }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ ! buttonUseIcon && (\n\t\t\t\t\t<View\n\t\t\t\t\t\taccessible={ true }\n\t\t\t\t\t\taccessibilityRole=\"none\"\n\t\t\t\t\t\taccessibilityHint={\n\t\t\t\t\t\t\tisScreenReaderEnabled\n\t\t\t\t\t\t\t\t? __( 'Double tap to edit button text' )\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\taccessibilityLabel={ getAccessibilityLabelForButton() }\n\t\t\t\t\t\tonLayout={ onLayoutButton }\n\t\t\t\t\t>\n\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\tclassName=\"wp-block-search__button\"\n\t\t\t\t\t\t\tidentifier=\"text\"\n\t\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\t\tstyle={ richTextButtonStyle }\n\t\t\t\t\t\t\tplaceholder={ buttonPlaceholderText }\n\t\t\t\t\t\t\tvalue={ buttonText }\n\t\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\t\tonChange={ ( html ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { buttonText: html } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tminWidth={ MIN_BUTTON_WIDTH }\n\t\t\t\t\t\t\tmaxWidth={ blockWidth - MARGINS }\n\t\t\t\t\t\t\ttextAlign=\"center\"\n\t\t\t\t\t\t\tisSelected={ isButtonSelected }\n\t\t\t\t\t\t\t__unstableMobileNoFocusOnMount={ ! isSelected }\n\t\t\t\t\t\t\tunstableOnFocus={ () => {\n\t\t\t\t\t\t\t\tsetIsButtonSelected( true );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\t\t\tsetIsButtonSelected( false );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tselectionColor={\n\t\t\t\t\t\t\t\tstyles.richTextButtonCursor?.color\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t);\n\t};\n\n\treturn (\n\t\t<View\n\t\t\t{ ...blockProps }\n\t\t\tstyle={ styles.searchBlockContainer }\n\t\t\timportantForAccessibility={\n\t\t\t\tisSelected ? 'yes' : 'no-hide-descendants'\n\t\t\t}\n\t\t\taccessibilityElementsHidden={ isSelected ? false : true }\n\t\t>\n\t\t\t{ isSelected && controls }\n\n\t\t\t{ showLabel && (\n\t\t\t\t<View\n\t\t\t\t\taccessible={ true }\n\t\t\t\t\taccessibilityRole=\"none\"\n\t\t\t\t\taccessibilityHint={\n\t\t\t\t\t\tisScreenReaderEnabled\n\t\t\t\t\t\t\t? __( 'Double tap to edit label text' )\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\taccessibilityLabel={ getAccessibilityLabelForLabel() }\n\t\t\t\t>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tclassName=\"wp-block-search__label\"\n\t\t\t\t\t\tidentifier=\"text\"\n\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\tstyle={ styles.richTextLabel }\n\t\t\t\t\t\tplaceholder={ __( 'Add label…' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tvalue={ label }\n\t\t\t\t\t\tonChange={ ( html ) =>\n\t\t\t\t\t\t\tsetAttributes( { label: html } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisSelected={ isLabelSelected }\n\t\t\t\t\t\t__unstableMobileNoFocusOnMount={ ! isSelected }\n\t\t\t\t\t\tunstableOnFocus={ () => {\n\t\t\t\t\t\t\tsetIsLabelSelected( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\t\tsetIsLabelSelected( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tselectionColor={ styles.richTextButtonCursor?.color }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t) }\n\n\t\t\t{ ( 'button-inside' === buttonPosition ||\n\t\t\t\t'button-outside' === buttonPosition ) && (\n\t\t\t\t<View style={ searchBarStyle }>\n\t\t\t\t\t{ renderTextField() }\n\t\t\t\t\t{ renderButton() }\n\t\t\t\t</View>\n\t\t\t) }\n\n\t\t\t{ 'button-only' === buttonPosition && renderButton() }\n\t\t\t{ 'no-button' === buttonPosition && renderTextField() }\n\t\t</View>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/search/edit.native.js"],"names":["View","AccessibilityInfo","classnames","RichText","PlainText","useBlockProps","InspectorControls","PanelBody","SelectControl","ToggleControl","Icon","__","search","useRef","useEffect","useState","usePreferredColorSchemeStyle","styles","MIN_BUTTON_WIDTH","MARGINS","widthMargin","marginLeft","paddingLeft","BUTTON_OPTIONS","value","label","useIsScreenReaderEnabled","isScreenReaderEnabled","setIsScreenReaderEnabled","mounted","changeListener","addEventListener","enabled","then","screenReaderEnabled","remove","SearchEdit","onFocus","isSelected","attributes","setAttributes","className","blockWidth","style","isButtonSelected","setIsButtonSelected","isLabelSelected","setIsLabelSelected","isPlaceholderSelected","setIsPlaceholderSelected","isLongButton","setIsLongButton","buttonWidth","setButtonWidth","textInputRef","showLabel","buttonPosition","buttonUseIcon","placeholder","buttonText","hasTextInput","current","blur","maxButtonWidth","Math","floor","tempIsLongButton","onLayoutButton","nativeEvent","width","layout","getBlockClassNames","undefined","getSelectedButtonPositionLabel","option","blockProps","controls","position","isButtonInside","borderStyle","border","borderDark","inputStyle","plainTextInput","plainTextInputDark","baseColors","color","text","placeholderStyle","plainTextPlaceholder","plainTextPlaceholderDark","searchBarStyle","searchBarContainer","flexDirection","getAccessibilityLabelForButton","getAccessibilityLabelForPlaceholder","title","description","getAccessibilityLabelForLabel","renderTextField","searchInputContainer","newVal","buttonPlaceholderText","baseButtonStyles","blocks","richTextButtonContainerStyle","buttonContainer","buttonContainerWide","background","backgroundColor","borderWidth","richTextButtonStyle","richTextButton","placeholderColor","iconStyles","icon","fill","renderButton","html","richTextButtonCursor","searchBlockContainer","richTextLabel"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, AccessibilityInfo } from 'react-native';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tPlainText,\n\tuseBlockProps,\n\tInspectorControls,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tSelectControl,\n\tToggleControl,\n\tIcon,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { search } from '@wordpress/icons';\nimport { useRef, useEffect, useState } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\n/**\n * Constants\n */\nconst MIN_BUTTON_WIDTH = 75;\nconst MARGINS =\n\tstyles.widthMargin?.marginLeft + styles.widthMargin?.paddingLeft;\n\nconst BUTTON_OPTIONS = [\n\t{ value: 'button-inside', label: __( 'Button inside' ) },\n\t{ value: 'button-outside', label: __( 'Button outside' ) },\n\t{ value: 'no-button', label: __( 'No button' ) },\n];\n\nfunction useIsScreenReaderEnabled() {\n\tconst [ isScreenReaderEnabled, setIsScreenReaderEnabled ] =\n\t\tuseState( false );\n\n\tuseEffect( () => {\n\t\tlet mounted = true;\n\n\t\tconst changeListener = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\t( enabled ) => setIsScreenReaderEnabled( enabled )\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then(\n\t\t\t( screenReaderEnabled ) => {\n\t\t\t\tif ( mounted && screenReaderEnabled ) {\n\t\t\t\t\tsetIsScreenReaderEnabled( screenReaderEnabled );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\treturn () => {\n\t\t\tmounted = false;\n\n\t\t\tchangeListener.remove();\n\t\t};\n\t}, [] );\n\n\treturn isScreenReaderEnabled;\n}\n\nexport default function SearchEdit( {\n\tonFocus,\n\tisSelected,\n\tattributes,\n\tsetAttributes,\n\tclassName,\n\tblockWidth,\n\tstyle,\n} ) {\n\tconst [ isButtonSelected, setIsButtonSelected ] = useState( false );\n\tconst [ isLabelSelected, setIsLabelSelected ] = useState( false );\n\tconst [ isPlaceholderSelected, setIsPlaceholderSelected ] =\n\t\tuseState( false );\n\tconst [ isLongButton, setIsLongButton ] = useState( false );\n\tconst [ buttonWidth, setButtonWidth ] = useState( MIN_BUTTON_WIDTH );\n\tconst isScreenReaderEnabled = useIsScreenReaderEnabled();\n\n\tconst textInputRef = useRef( null );\n\n\tconst {\n\t\tlabel,\n\t\tshowLabel,\n\t\tbuttonPosition,\n\t\tbuttonUseIcon,\n\t\tplaceholder,\n\t\tbuttonText,\n\t} = attributes;\n\n\t/*\n\t * Called when the value of isSelected changes. Blurs the PlainText component\n\t * used by the placeholder when this block loses focus.\n\t */\n\tuseEffect( () => {\n\t\tif ( hasTextInput() && isPlaceholderSelected && ! isSelected ) {\n\t\t\ttextInputRef.current.blur();\n\t\t}\n\t}, [ isSelected ] );\n\n\tuseEffect( () => {\n\t\tconst maxButtonWidth = Math.floor( blockWidth / 2 - MARGINS );\n\t\tconst tempIsLongButton = buttonWidth > maxButtonWidth;\n\n\t\t// Update this value only if it has changed to avoid flickering.\n\t\tif ( isLongButton !== tempIsLongButton ) {\n\t\t\tsetIsLongButton( tempIsLongButton );\n\t\t}\n\t}, [ blockWidth, buttonWidth ] );\n\n\tconst hasTextInput = () => {\n\t\treturn textInputRef && textInputRef.current;\n\t};\n\n\tconst onLayoutButton = ( { nativeEvent } ) => {\n\t\tconst { width } = nativeEvent?.layout;\n\n\t\tif ( width ) {\n\t\t\tsetButtonWidth( width );\n\t\t}\n\t};\n\n\tconst getBlockClassNames = () => {\n\t\treturn classnames(\n\t\t\tclassName,\n\t\t\t'button-inside' === buttonPosition\n\t\t\t\t? 'wp-block-search__button-inside'\n\t\t\t\t: undefined,\n\t\t\t'button-outside' === buttonPosition\n\t\t\t\t? 'wp-block-search__button-outside'\n\t\t\t\t: undefined,\n\t\t\t'no-button' === buttonPosition\n\t\t\t\t? 'wp-block-search__no-button'\n\t\t\t\t: undefined,\n\t\t\t'button-only' === buttonPosition\n\t\t\t\t? 'wp-block-search__button-only'\n\t\t\t\t: undefined,\n\t\t\t! buttonUseIcon && 'no-button' !== buttonPosition\n\t\t\t\t? 'wp-block-search__text-button'\n\t\t\t\t: undefined,\n\t\t\tbuttonUseIcon && 'no-button' !== buttonPosition\n\t\t\t\t? 'wp-block-search__icon-button'\n\t\t\t\t: undefined\n\t\t);\n\t};\n\n\tconst getSelectedButtonPositionLabel = ( option ) => {\n\t\tswitch ( option ) {\n\t\t\tcase 'button-inside':\n\t\t\t\treturn __( 'Inside' );\n\t\t\tcase 'button-outside':\n\t\t\t\treturn __( 'Outside' );\n\t\t\tcase 'no-button':\n\t\t\t\treturn __( 'No button' );\n\t\t}\n\t};\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: getBlockClassNames(),\n\t} );\n\n\tconst controls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Search settings' ) }>\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ __( 'Hide search heading' ) }\n\t\t\t\t\tchecked={ ! showLabel }\n\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tshowLabel: ! showLabel,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<SelectControl\n\t\t\t\t\tlabel={ __( 'Button position' ) }\n\t\t\t\t\tvalue={ getSelectedButtonPositionLabel( buttonPosition ) }\n\t\t\t\t\tonChange={ ( position ) => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tbuttonPosition: position,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\toptions={ BUTTON_OPTIONS }\n\t\t\t\t\thideCancelButton={ true }\n\t\t\t\t/>\n\t\t\t\t{ buttonPosition !== 'no-button' && (\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Use icon button' ) }\n\t\t\t\t\t\tchecked={ buttonUseIcon }\n\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tbuttonUseIcon: ! buttonUseIcon,\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) }\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\tconst isButtonInside = buttonPosition === 'button-inside';\n\n\tconst borderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.border,\n\t\tstyles.borderDark\n\t);\n\n\tconst inputStyle = [\n\t\t! isButtonInside && borderStyle,\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.plainTextInput,\n\t\t\tstyles.plainTextInputDark\n\t\t),\n\t\tstyle?.baseColors?.color && { color: style?.baseColors?.color?.text },\n\t];\n\n\tconst placeholderStyle = {\n\t\t...usePreferredColorSchemeStyle(\n\t\t\tstyles.plainTextPlaceholder,\n\t\t\tstyles.plainTextPlaceholderDark\n\t\t),\n\t\t...( style?.baseColors?.color && {\n\t\t\tcolor: style?.baseColors?.color?.text,\n\t\t} ),\n\t};\n\n\tconst searchBarStyle = [\n\t\tstyles.searchBarContainer,\n\t\tisButtonInside && borderStyle,\n\t\tisLongButton && { flexDirection: 'column' },\n\t];\n\n\t/**\n\t * If a screenreader is enabled, create a descriptive label for this field. If\n\t * not, return a label that is used during automated UI tests.\n\t *\n\t * @return {string} The accessibilityLabel for the Search Button\n\t */\n\tconst getAccessibilityLabelForButton = () => {\n\t\tif ( ! isScreenReaderEnabled ) {\n\t\t\treturn 'search-block-button';\n\t\t}\n\n\t\treturn `${ __(\n\t\t\t'Search button. Current button text is'\n\t\t) } ${ buttonText }`;\n\t};\n\n\t/**\n\t * If a screenreader is enabled, create a descriptive label for this field. If\n\t * not, return a label that is used during automated UI tests.\n\t *\n\t * @return {string} The accessibilityLabel for the Search Input\n\t * \t\t\t\t\t placeholder field.\n\t */\n\tconst getAccessibilityLabelForPlaceholder = () => {\n\t\tif ( ! isScreenReaderEnabled ) {\n\t\t\treturn 'search-block-input';\n\t\t}\n\n\t\tconst title = __( 'Search input field.' );\n\t\tconst description = placeholder\n\t\t\t? `${ __( 'Current placeholder text is' ) } ${ placeholder }`\n\t\t\t: __( 'No custom placeholder set' );\n\t\treturn `${ title } ${ description }`;\n\t};\n\n\t/**\n\t * If a screenreader is enabled, create a descriptive label for this field. If\n\t * not, return a label that is used during automated UI tests.\n\t *\n\t * @return {string} The accessibilityLabel for the Search Label field\n\t */\n\tconst getAccessibilityLabelForLabel = () => {\n\t\tif ( ! isScreenReaderEnabled ) {\n\t\t\treturn 'search-block-label';\n\t\t}\n\n\t\treturn `${ __( 'Search block label. Current text is' ) } ${ label }`;\n\t};\n\n\tconst renderTextField = () => {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ styles.searchInputContainer }\n\t\t\t\taccessible={ true }\n\t\t\t\taccessibilityRole=\"none\"\n\t\t\t\taccessibilityHint={\n\t\t\t\t\tisScreenReaderEnabled\n\t\t\t\t\t\t? __( 'Double tap to edit placeholder text' )\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\taccessibilityLabel={ getAccessibilityLabelForPlaceholder() }\n\t\t\t>\n\t\t\t\t<PlainText\n\t\t\t\t\tref={ textInputRef }\n\t\t\t\t\tisSelected={ isPlaceholderSelected }\n\t\t\t\t\tclassName=\"wp-block-search__input\"\n\t\t\t\t\tstyle={ inputStyle }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode=\"tail\" // Currently only works on ios.\n\t\t\t\t\tlabel={ null }\n\t\t\t\t\tvalue={ placeholder }\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tplaceholder ? undefined : __( 'Optional placeholder…' )\n\t\t\t\t\t}\n\t\t\t\t\tonChange={ ( newVal ) =>\n\t\t\t\t\t\tsetAttributes( { placeholder: newVal } )\n\t\t\t\t\t}\n\t\t\t\t\tonFocus={ () => {\n\t\t\t\t\t\tsetIsPlaceholderSelected( true );\n\t\t\t\t\t\tonFocus();\n\t\t\t\t\t} }\n\t\t\t\t\tonBlur={ () => setIsPlaceholderSelected( false ) }\n\t\t\t\t\tplaceholderTextColor={ placeholderStyle?.color }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t);\n\t};\n\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 buttonPlaceholderText =\n\t\tisButtonSelected ||\n\t\t( ! isButtonSelected && buttonText && buttonText !== '' )\n\t\t\t? ''\n\t\t\t: __( 'Add button text' );\n\n\tconst baseButtonStyles = {\n\t\t...style?.baseColors?.blocks?.[ 'core/button' ]?.color,\n\t\t...attributes?.style?.color,\n\t\t...( style?.color && { text: style.color } ),\n\t};\n\n\tconst richTextButtonContainerStyle = [\n\t\tstyles.buttonContainer,\n\t\tisLongButton && styles.buttonContainerWide,\n\t\tbaseButtonStyles?.background && {\n\t\t\tbackgroundColor: baseButtonStyles.background,\n\t\t\tborderWidth: 0,\n\t\t},\n\t\tstyle?.backgroundColor && {\n\t\t\tbackgroundColor: style.backgroundColor,\n\t\t\tborderWidth: 0,\n\t\t},\n\t];\n\n\tconst richTextButtonStyle = {\n\t\t...styles.richTextButton,\n\t\t...( baseButtonStyles?.text && {\n\t\t\tcolor: baseButtonStyles.text,\n\t\t\tplaceholderColor: baseButtonStyles.text,\n\t\t} ),\n\t};\n\n\tconst iconStyles = {\n\t\t...styles.icon,\n\t\t...( baseButtonStyles?.text && { fill: baseButtonStyles.text } ),\n\t};\n\n\tconst renderButton = () => {\n\t\treturn (\n\t\t\t<View style={ richTextButtonContainerStyle }>\n\t\t\t\t{ buttonUseIcon && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t{ ...iconStyles }\n\t\t\t\t\t\tonLayout={ onLayoutButton }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ ! buttonUseIcon && (\n\t\t\t\t\t<View\n\t\t\t\t\t\taccessible={ true }\n\t\t\t\t\t\taccessibilityRole=\"none\"\n\t\t\t\t\t\taccessibilityHint={\n\t\t\t\t\t\t\tisScreenReaderEnabled\n\t\t\t\t\t\t\t\t? __( 'Double tap to edit button text' )\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\taccessibilityLabel={ getAccessibilityLabelForButton() }\n\t\t\t\t\t\tonLayout={ onLayoutButton }\n\t\t\t\t\t>\n\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\tclassName=\"wp-block-search__button\"\n\t\t\t\t\t\t\tidentifier=\"text\"\n\t\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\t\tstyle={ richTextButtonStyle }\n\t\t\t\t\t\t\tplaceholder={ buttonPlaceholderText }\n\t\t\t\t\t\t\tvalue={ buttonText }\n\t\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\t\tonChange={ ( html ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { buttonText: html } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tminWidth={ MIN_BUTTON_WIDTH }\n\t\t\t\t\t\t\tmaxWidth={ blockWidth - MARGINS }\n\t\t\t\t\t\t\ttextAlign=\"center\"\n\t\t\t\t\t\t\tisSelected={ isButtonSelected }\n\t\t\t\t\t\t\t__unstableMobileNoFocusOnMount={ ! isSelected }\n\t\t\t\t\t\t\tunstableOnFocus={ () => {\n\t\t\t\t\t\t\t\tsetIsButtonSelected( true );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\t\t\tsetIsButtonSelected( false );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tselectionColor={\n\t\t\t\t\t\t\t\tstyles.richTextButtonCursor?.color\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t);\n\t};\n\n\treturn (\n\t\t<View\n\t\t\t{ ...blockProps }\n\t\t\tstyle={ styles.searchBlockContainer }\n\t\t\timportantForAccessibility={\n\t\t\t\tisSelected ? 'yes' : 'no-hide-descendants'\n\t\t\t}\n\t\t\taccessibilityElementsHidden={ isSelected ? false : true }\n\t\t>\n\t\t\t{ isSelected && controls }\n\n\t\t\t{ showLabel && (\n\t\t\t\t<View\n\t\t\t\t\taccessible={ true }\n\t\t\t\t\taccessibilityRole=\"none\"\n\t\t\t\t\taccessibilityHint={\n\t\t\t\t\t\tisScreenReaderEnabled\n\t\t\t\t\t\t\t? __( 'Double tap to edit label text' )\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\taccessibilityLabel={ getAccessibilityLabelForLabel() }\n\t\t\t\t>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tclassName=\"wp-block-search__label\"\n\t\t\t\t\t\tidentifier=\"text\"\n\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\tstyle={ styles.richTextLabel }\n\t\t\t\t\t\tplaceholder={ __( 'Add label…' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tvalue={ label }\n\t\t\t\t\t\tonChange={ ( html ) =>\n\t\t\t\t\t\t\tsetAttributes( { label: html } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisSelected={ isLabelSelected }\n\t\t\t\t\t\t__unstableMobileNoFocusOnMount={ ! isSelected }\n\t\t\t\t\t\tunstableOnFocus={ () => {\n\t\t\t\t\t\t\tsetIsLabelSelected( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\t\tsetIsLabelSelected( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tselectionColor={ styles.richTextButtonCursor?.color }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t) }\n\n\t\t\t{ ( 'button-inside' === buttonPosition ||\n\t\t\t\t'button-outside' === buttonPosition ) && (\n\t\t\t\t<View style={ searchBarStyle }>\n\t\t\t\t\t{ renderTextField() }\n\t\t\t\t\t{ renderButton() }\n\t\t\t\t</View>\n\t\t\t) }\n\n\t\t\t{ 'button-only' === buttonPosition && renderButton() }\n\t\t\t{ 'no-button' === buttonPosition && renderTextField() }\n\t\t</View>\n\t);\n}\n"]}

package/build-module/search/index.js

@@ -10,7 +10,7 @@ import { search as icon } from '@wordpress/icons';
 import initBlock from '../utils/init-block';
 const metadata = {
   $schema: "https://schemas.wp.org/trunk/block.json",
-  apiVersion: 2,
+  apiVersion: 3,
   name: "core/search",
   title: "Search",
   category: "widgets",
@@ -52,6 +52,14 @@ const metadata = {
     query: {
       type: "object",
       "default": {}
+    },
+    buttonBehavior: {
+      type: "string",
+      "default": "expand-searchfield"
+    },
+    isSearchFieldHidden: {
+      type: "boolean",
+      "default": false
     }
   },
   supports: {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/search/index.js"],"names":["__","search","icon","initBlock","edit","variations","name","metadata","settings","example","attributes","buttonText","label","viewportWidth","init"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,MAAM,IAAIC,IAAnB,QAA+B,kBAA/B;AAEA;AACA;AACA;;AACA,OAAOC,SAAP,MAAsB,qBAAtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBN,EAAAA,IADuB;AAEvBO,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AAAEC,MAAAA,UAAU,EAAEX,EAAE,CAAE,QAAF,CAAhB;AAA8BY,MAAAA,KAAK,EAAEZ,EAAE,CAAE,QAAF;AAAvC,KADJ;AAERa,IAAAA,aAAa,EAAE;AAFP,GAFc;AAMvBR,EAAAA,UANuB;AAOvBD,EAAAA;AAPuB,CAAjB;AAUP,OAAO,MAAMU,IAAI,GAAG,MAAMX,SAAS,CAAE;AAAEG,EAAAA,IAAF;AAAQC,EAAAA,QAAR;AAAkBC,EAAAA;AAAlB,CAAF,CAA5B","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { search as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport variations from './variations';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: { buttonText: __( 'Search' ), label: __( 'Search' ) },\n\t\tviewportWidth: 400,\n\t},\n\tvariations,\n\tedit,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/search/index.js"],"names":["__","search","icon","initBlock","edit","variations","name","metadata","settings","example","attributes","buttonText","label","viewportWidth","init"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,MAAM,IAAIC,IAAnB,QAA+B,kBAA/B;AAEA;AACA;AACA;;AACA,OAAOC,SAAP,MAAsB,qBAAtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBN,EAAAA,IADuB;AAEvBO,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AAAEC,MAAAA,UAAU,EAAEX,EAAE,CAAE,QAAF,CAAhB;AAA8BY,MAAAA,KAAK,EAAEZ,EAAE,CAAE,QAAF;AAAvC,KADJ;AAERa,IAAAA,aAAa,EAAE;AAFP,GAFc;AAMvBR,EAAAA,UANuB;AAOvBD,EAAAA;AAPuB,CAAjB;AAUP,OAAO,MAAMU,IAAI,GAAG,MAAMX,SAAS,CAAE;AAAEG,EAAAA,IAAF;AAAQC,EAAAA,QAAR;AAAkBC,EAAAA;AAAlB,CAAF,CAA5B","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { search as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport variations from './variations';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: { buttonText: __( 'Search' ), label: __( 'Search' ) },\n\t\tviewportWidth: 400,\n\t},\n\tvariations,\n\tedit,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"]}

package/build-module/search/view.js

@@ -0,0 +1,65 @@
+window.addEventListener('DOMContentLoaded', () => {
+  const hiddenClass = 'wp-block-search__searchfield-hidden';
+  Array.from(document.getElementsByClassName('wp-block-search__button-behavior-expand')).forEach(block => {
+    const searchField = block.querySelector('.wp-block-search__input');
+    const searchButton = block.querySelector('.wp-block-search__button');
+    const searchLabel = block.querySelector('.wp-block-search__label');
+    const ariaLabel = searchButton.getAttribute('aria-label');
+    const id = searchField.getAttribute('id');
+
+    const toggleSearchField = showSearchField => {
+      if (showSearchField) {
+        searchField.removeAttribute('aria-hidden');
+        searchField.removeAttribute('tabindex');
+        searchButton.removeAttribute('aria-expanded');
+        searchButton.removeAttribute('aria-controls');
+        searchButton.setAttribute('type', 'submit');
+        searchButton.setAttribute('aria-label', 'Submit Search');
+        return block.classList.remove(hiddenClass);
+      }
+
+      searchButton.removeAttribute('type');
+      searchField.setAttribute('aria-hidden', 'true');
+      searchField.setAttribute('tabindex', '-1');
+      searchButton.setAttribute('aria-expanded', 'false');
+      searchButton.setAttribute('aria-controls', id);
+      searchButton.setAttribute('aria-label', ariaLabel);
+      return block.classList.add(hiddenClass);
+    };
+
+    const hideSearchField = e => {
+      if (!e.target.closest('.wp-block-search')) {
+        return toggleSearchField(false);
+      }
+
+      if (e.key === 'Escape') {
+        searchButton.focus();
+        return toggleSearchField(false);
+      }
+    };
+
+    const handleButtonClick = e => {
+      if (block.classList.contains(hiddenClass)) {
+        e.preventDefault();
+        searchField.focus();
+        toggleSearchField(true);
+      }
+    };
+
+    searchButton.removeAttribute('type');
+    searchField.addEventListener('keydown', e => {
+      hideSearchField(e);
+    });
+    searchButton.addEventListener('click', handleButtonClick);
+    searchButton.addEventListener('keydown', e => {
+      hideSearchField(e);
+    });
+
+    if (searchLabel) {
+      searchLabel.addEventListener('click', handleButtonClick);
+    }
+
+    document.body.addEventListener('click', hideSearchField);
+  });
+});
+//# sourceMappingURL=view.js.map

package/build-module/search/view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/search/view.js"],"names":["window","addEventListener","hiddenClass","Array","from","document","getElementsByClassName","forEach","block","searchField","querySelector","searchButton","searchLabel","ariaLabel","getAttribute","id","toggleSearchField","showSearchField","removeAttribute","setAttribute","classList","remove","add","hideSearchField","e","target","closest","key","focus","handleButtonClick","contains","preventDefault","body"],"mappings":"AAAAA,MAAM,CAACC,gBAAP,CAAyB,kBAAzB,EAA6C,MAAM;AAClD,QAAMC,WAAW,GAAG,qCAApB;AAEAC,EAAAA,KAAK,CAACC,IAAN,CACCC,QAAQ,CAACC,sBAAT,CACC,yCADD,CADD,EAIEC,OAJF,CAIaC,KAAF,IAAa;AACvB,UAAMC,WAAW,GAAGD,KAAK,CAACE,aAAN,CAAqB,yBAArB,CAApB;AACA,UAAMC,YAAY,GAAGH,KAAK,CAACE,aAAN,CAAqB,0BAArB,CAArB;AACA,UAAME,WAAW,GAAGJ,KAAK,CAACE,aAAN,CAAqB,yBAArB,CAApB;AACA,UAAMG,SAAS,GAAGF,YAAY,CAACG,YAAb,CAA2B,YAA3B,CAAlB;AACA,UAAMC,EAAE,GAAGN,WAAW,CAACK,YAAZ,CAA0B,IAA1B,CAAX;;AAEA,UAAME,iBAAiB,GAAKC,eAAF,IAAuB;AAChD,UAAKA,eAAL,EAAuB;AACtBR,QAAAA,WAAW,CAACS,eAAZ,CAA6B,aAA7B;AACAT,QAAAA,WAAW,CAACS,eAAZ,CAA6B,UAA7B;AACAP,QAAAA,YAAY,CAACO,eAAb,CAA8B,eAA9B;AACAP,QAAAA,YAAY,CAACO,eAAb,CAA8B,eAA9B;AACAP,QAAAA,YAAY,CAACQ,YAAb,CAA2B,MAA3B,EAAmC,QAAnC;AACAR,QAAAA,YAAY,CAACQ,YAAb,CAA2B,YAA3B,EAAyC,eAAzC;AAEA,eAAOX,KAAK,CAACY,SAAN,CAAgBC,MAAhB,CAAwBnB,WAAxB,CAAP;AACA;;AAEDS,MAAAA,YAAY,CAACO,eAAb,CAA8B,MAA9B;AACAT,MAAAA,WAAW,CAACU,YAAZ,CAA0B,aAA1B,EAAyC,MAAzC;AACAV,MAAAA,WAAW,CAACU,YAAZ,CAA0B,UAA1B,EAAsC,IAAtC;AACAR,MAAAA,YAAY,CAACQ,YAAb,CAA2B,eAA3B,EAA4C,OAA5C;AACAR,MAAAA,YAAY,CAACQ,YAAb,CAA2B,eAA3B,EAA4CJ,EAA5C;AACAJ,MAAAA,YAAY,CAACQ,YAAb,CAA2B,YAA3B,EAAyCN,SAAzC;AACA,aAAOL,KAAK,CAACY,SAAN,CAAgBE,GAAhB,CAAqBpB,WAArB,CAAP;AACA,KAnBD;;AAqBA,UAAMqB,eAAe,GAAKC,CAAF,IAAS;AAChC,UAAK,CAAEA,CAAC,CAACC,MAAF,CAASC,OAAT,CAAkB,kBAAlB,CAAP,EAAgD;AAC/C,eAAOV,iBAAiB,CAAE,KAAF,CAAxB;AACA;;AAED,UAAKQ,CAAC,CAACG,GAAF,KAAU,QAAf,EAA0B;AACzBhB,QAAAA,YAAY,CAACiB,KAAb;AACA,eAAOZ,iBAAiB,CAAE,KAAF,CAAxB;AACA;AACD,KATD;;AAWA,UAAMa,iBAAiB,GAAKL,CAAF,IAAS;AAClC,UAAKhB,KAAK,CAACY,SAAN,CAAgBU,QAAhB,CAA0B5B,WAA1B,CAAL,EAA+C;AAC9CsB,QAAAA,CAAC,CAACO,cAAF;AACAtB,QAAAA,WAAW,CAACmB,KAAZ;AACAZ,QAAAA,iBAAiB,CAAE,IAAF,CAAjB;AACA;AACD,KAND;;AAQAL,IAAAA,YAAY,CAACO,eAAb,CAA8B,MAA9B;AACAT,IAAAA,WAAW,CAACR,gBAAZ,CAA8B,SAA9B,EAA2CuB,CAAF,IAAS;AACjDD,MAAAA,eAAe,CAAEC,CAAF,CAAf;AACA,KAFD;AAGAb,IAAAA,YAAY,CAACV,gBAAb,CAA+B,OAA/B,EAAwC4B,iBAAxC;AACAlB,IAAAA,YAAY,CAACV,gBAAb,CAA+B,SAA/B,EAA4CuB,CAAF,IAAS;AAClDD,MAAAA,eAAe,CAAEC,CAAF,CAAf;AACA,KAFD;;AAGA,QAAKZ,WAAL,EAAmB;AAClBA,MAAAA,WAAW,CAACX,gBAAZ,CAA8B,OAA9B,EAAuC4B,iBAAvC;AACA;;AACDxB,IAAAA,QAAQ,CAAC2B,IAAT,CAAc/B,gBAAd,CAAgC,OAAhC,EAAyCsB,eAAzC;AACA,GA/DD;AAgEA,CAnED","sourcesContent":["window.addEventListener( 'DOMContentLoaded', () => {\n\tconst hiddenClass = 'wp-block-search__searchfield-hidden';\n\n\tArray.from(\n\t\tdocument.getElementsByClassName(\n\t\t\t'wp-block-search__button-behavior-expand'\n\t\t)\n\t).forEach( ( block ) => {\n\t\tconst searchField = block.querySelector( '.wp-block-search__input' );\n\t\tconst searchButton = block.querySelector( '.wp-block-search__button' );\n\t\tconst searchLabel = block.querySelector( '.wp-block-search__label' );\n\t\tconst ariaLabel = searchButton.getAttribute( 'aria-label' );\n\t\tconst id = searchField.getAttribute( 'id' );\n\n\t\tconst toggleSearchField = ( showSearchField ) => {\n\t\t\tif ( showSearchField ) {\n\t\t\t\tsearchField.removeAttribute( 'aria-hidden' );\n\t\t\t\tsearchField.removeAttribute( 'tabindex' );\n\t\t\t\tsearchButton.removeAttribute( 'aria-expanded' );\n\t\t\t\tsearchButton.removeAttribute( 'aria-controls' );\n\t\t\t\tsearchButton.setAttribute( 'type', 'submit' );\n\t\t\t\tsearchButton.setAttribute( 'aria-label', 'Submit Search' );\n\n\t\t\t\treturn block.classList.remove( hiddenClass );\n\t\t\t}\n\n\t\t\tsearchButton.removeAttribute( 'type' );\n\t\t\tsearchField.setAttribute( 'aria-hidden', 'true' );\n\t\t\tsearchField.setAttribute( 'tabindex', '-1' );\n\t\t\tsearchButton.setAttribute( 'aria-expanded', 'false' );\n\t\t\tsearchButton.setAttribute( 'aria-controls', id );\n\t\t\tsearchButton.setAttribute( 'aria-label', ariaLabel );\n\t\t\treturn block.classList.add( hiddenClass );\n\t\t};\n\n\t\tconst hideSearchField = ( e ) => {\n\t\t\tif ( ! e.target.closest( '.wp-block-search' ) ) {\n\t\t\t\treturn toggleSearchField( false );\n\t\t\t}\n\n\t\t\tif ( e.key === 'Escape' ) {\n\t\t\t\tsearchButton.focus();\n\t\t\t\treturn toggleSearchField( false );\n\t\t\t}\n\t\t};\n\n\t\tconst handleButtonClick = ( e ) => {\n\t\t\tif ( block.classList.contains( hiddenClass ) ) {\n\t\t\t\te.preventDefault();\n\t\t\t\tsearchField.focus();\n\t\t\t\ttoggleSearchField( true );\n\t\t\t}\n\t\t};\n\n\t\tsearchButton.removeAttribute( 'type' );\n\t\tsearchField.addEventListener( 'keydown', ( e ) => {\n\t\t\thideSearchField( e );\n\t\t} );\n\t\tsearchButton.addEventListener( 'click', handleButtonClick );\n\t\tsearchButton.addEventListener( 'keydown', ( e ) => {\n\t\t\thideSearchField( e );\n\t\t} );\n\t\tif ( searchLabel ) {\n\t\t\tsearchLabel.addEventListener( 'click', handleButtonClick );\n\t\t}\n\t\tdocument.body.addEventListener( 'click', hideSearchField );\n\t} );\n} );\n"]}

package/build-module/separator/deprecated.js

@@ -19,10 +19,9 @@ const v1 = {
     }
   },
 
-  save(_ref) {
-    let {
-      attributes
-    } = _ref;
+  save({
+    attributes
+  }) {
     const {
       color,
       customColor

package/build-module/separator/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/separator/deprecated.js"],"names":["classnames","getColorClassName","useBlockProps","v1","attributes","color","type","customColor","save","backgroundClass","colorClass","className","style","backgroundColor","undefined","migrate","restAttributes","opacity","background"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,iBAAT,EAA4BC,aAA5B,QAAiD,yBAAjD;AAEA,MAAMC,EAAE,GAAG;AACVC,EAAAA,UAAU,EAAE;AACXC,IAAAA,KAAK,EAAE;AACNC,MAAAA,IAAI,EAAE;AADA,KADI;AAIXC,IAAAA,WAAW,EAAE;AACZD,MAAAA,IAAI,EAAE;AADM;AAJF,GADF;;AASVE,EAAAA,IAAI,OAAmB;AAAA,QAAjB;AAAEJ,MAAAA;AAAF,KAAiB;AACtB,UAAM;AAAEC,MAAAA,KAAF;AAASE,MAAAA;AAAT,QAAyBH,UAA/B,CADsB,CAGtB;AACA;;AACA,UAAMK,eAAe,GAAGR,iBAAiB,CAAE,kBAAF,EAAsBI,KAAtB,CAAzC,CALsB,CAMtB;AACA;;AACA,UAAMK,UAAU,GAAGT,iBAAiB,CAAE,OAAF,EAAWI,KAAX,CAApC;AAEA,UAAMM,SAAS,GAAGX,UAAU,CAAE;AAC7B,uCAAiCK,KAAK,IAAIE,WADb;AAE7B,OAAEE,eAAF,GAAqBA,eAFQ;AAG7B,OAAEC,UAAF,GAAgBA;AAHa,KAAF,CAA5B;AAMA,UAAME,KAAK,GAAG;AACbC,MAAAA,eAAe,EAAEJ,eAAe,GAAGK,SAAH,GAAeP,WADlC;AAEbF,MAAAA,KAAK,EAAEK,UAAU,GAAGI,SAAH,GAAeP;AAFnB,KAAd;AAKA,WAAO,oBAASL,aAAa,CAACM,IAAd,CAAoB;AAAEG,MAAAA,SAAF;AAAaC,MAAAA;AAAb,KAApB,CAAT,CAAP;AACA,GA/BS;;AAgCVG,EAAAA,OAAO,CAAEX,UAAF,EAAe;AACrB,UAAM;AAAEC,MAAAA,KAAF;AAASE,MAAAA,WAAT;AAAsB,SAAGS;AAAzB,QAA4CZ,UAAlD;AACA,WAAO,EACN,GAAGY,cADG;AAENH,MAAAA,eAAe,EAAER,KAAK,GAAGA,KAAH,GAAWS,SAF3B;AAGNG,MAAAA,OAAO,EAAE,KAHH;AAINL,MAAAA,KAAK,EAAEL,WAAW,GACf;AAAEF,QAAAA,KAAK,EAAE;AAAEa,UAAAA,UAAU,EAAEX;AAAd;AAAT,OADe,GAEfO;AANG,KAAP;AAQA;;AA1CS,CAAX;AA6CA,eAAe,CAAEX,EAAF,CAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { getColorClassName, useBlockProps } from '@wordpress/block-editor';\n\nconst v1 = {\n\tattributes: {\n\t\tcolor: {\n\t\t\ttype: 'string',\n\t\t},\n\t\tcustomColor: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tsave( { attributes } ) {\n\t\tconst { color, customColor } = attributes;\n\n\t\t// the hr support changing color using border-color, since border-color\n\t\t// is not yet supported in the color palette, we use background-color\n\t\tconst backgroundClass = getColorClassName( 'background-color', color );\n\t\t// the dots styles uses text for the dots, to change those dots color is\n\t\t// using color, not backgroundColor\n\t\tconst colorClass = getColorClassName( 'color', color );\n\n\t\tconst className = classnames( {\n\t\t\t'has-text-color has-background': color || customColor,\n\t\t\t[ backgroundClass ]: backgroundClass,\n\t\t\t[ colorClass ]: colorClass,\n\t\t} );\n\n\t\tconst style = {\n\t\t\tbackgroundColor: backgroundClass ? undefined : customColor,\n\t\t\tcolor: colorClass ? undefined : customColor,\n\t\t};\n\n\t\treturn <hr { ...useBlockProps.save( { className, style } ) } />;\n\t},\n\tmigrate( attributes ) {\n\t\tconst { color, customColor, ...restAttributes } = attributes;\n\t\treturn {\n\t\t\t...restAttributes,\n\t\t\tbackgroundColor: color ? color : undefined,\n\t\t\topacity: 'css',\n\t\t\tstyle: customColor\n\t\t\t\t? { color: { background: customColor } }\n\t\t\t\t: undefined,\n\t\t};\n\t},\n};\n\nexport default [ v1 ];\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/separator/deprecated.js"],"names":["classnames","getColorClassName","useBlockProps","v1","attributes","color","type","customColor","save","backgroundClass","colorClass","className","style","backgroundColor","undefined","migrate","restAttributes","opacity","background"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,iBAAT,EAA4BC,aAA5B,QAAiD,yBAAjD;AAEA,MAAMC,EAAE,GAAG;AACVC,EAAAA,UAAU,EAAE;AACXC,IAAAA,KAAK,EAAE;AACNC,MAAAA,IAAI,EAAE;AADA,KADI;AAIXC,IAAAA,WAAW,EAAE;AACZD,MAAAA,IAAI,EAAE;AADM;AAJF,GADF;;AASVE,EAAAA,IAAI,CAAE;AAAEJ,IAAAA;AAAF,GAAF,EAAmB;AACtB,UAAM;AAAEC,MAAAA,KAAF;AAASE,MAAAA;AAAT,QAAyBH,UAA/B,CADsB,CAGtB;AACA;;AACA,UAAMK,eAAe,GAAGR,iBAAiB,CAAE,kBAAF,EAAsBI,KAAtB,CAAzC,CALsB,CAMtB;AACA;;AACA,UAAMK,UAAU,GAAGT,iBAAiB,CAAE,OAAF,EAAWI,KAAX,CAApC;AAEA,UAAMM,SAAS,GAAGX,UAAU,CAAE;AAC7B,uCAAiCK,KAAK,IAAIE,WADb;AAE7B,OAAEE,eAAF,GAAqBA,eAFQ;AAG7B,OAAEC,UAAF,GAAgBA;AAHa,KAAF,CAA5B;AAMA,UAAME,KAAK,GAAG;AACbC,MAAAA,eAAe,EAAEJ,eAAe,GAAGK,SAAH,GAAeP,WADlC;AAEbF,MAAAA,KAAK,EAAEK,UAAU,GAAGI,SAAH,GAAeP;AAFnB,KAAd;AAKA,WAAO,oBAASL,aAAa,CAACM,IAAd,CAAoB;AAAEG,MAAAA,SAAF;AAAaC,MAAAA;AAAb,KAApB,CAAT,CAAP;AACA,GA/BS;;AAgCVG,EAAAA,OAAO,CAAEX,UAAF,EAAe;AACrB,UAAM;AAAEC,MAAAA,KAAF;AAASE,MAAAA,WAAT;AAAsB,SAAGS;AAAzB,QAA4CZ,UAAlD;AACA,WAAO,EACN,GAAGY,cADG;AAENH,MAAAA,eAAe,EAAER,KAAK,GAAGA,KAAH,GAAWS,SAF3B;AAGNG,MAAAA,OAAO,EAAE,KAHH;AAINL,MAAAA,KAAK,EAAEL,WAAW,GACf;AAAEF,QAAAA,KAAK,EAAE;AAAEa,UAAAA,UAAU,EAAEX;AAAd;AAAT,OADe,GAEfO;AANG,KAAP;AAQA;;AA1CS,CAAX;AA6CA,eAAe,CAAEX,EAAF,CAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { getColorClassName, useBlockProps } from '@wordpress/block-editor';\n\nconst v1 = {\n\tattributes: {\n\t\tcolor: {\n\t\t\ttype: 'string',\n\t\t},\n\t\tcustomColor: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tsave( { attributes } ) {\n\t\tconst { color, customColor } = attributes;\n\n\t\t// the hr support changing color using border-color, since border-color\n\t\t// is not yet supported in the color palette, we use background-color\n\t\tconst backgroundClass = getColorClassName( 'background-color', color );\n\t\t// the dots styles uses text for the dots, to change those dots color is\n\t\t// using color, not backgroundColor\n\t\tconst colorClass = getColorClassName( 'color', color );\n\n\t\tconst className = classnames( {\n\t\t\t'has-text-color has-background': color || customColor,\n\t\t\t[ backgroundClass ]: backgroundClass,\n\t\t\t[ colorClass ]: colorClass,\n\t\t} );\n\n\t\tconst style = {\n\t\t\tbackgroundColor: backgroundClass ? undefined : customColor,\n\t\t\tcolor: colorClass ? undefined : customColor,\n\t\t};\n\n\t\treturn <hr { ...useBlockProps.save( { className, style } ) } />;\n\t},\n\tmigrate( attributes ) {\n\t\tconst { color, customColor, ...restAttributes } = attributes;\n\t\treturn {\n\t\t\t...restAttributes,\n\t\t\tbackgroundColor: color ? color : undefined,\n\t\t\topacity: 'css',\n\t\t\tstyle: customColor\n\t\t\t\t? { color: { background: customColor } }\n\t\t\t\t: undefined,\n\t\t};\n\t},\n};\n\nexport default [ v1 ];\n"]}

package/build-module/separator/edit.js

@@ -15,21 +15,18 @@ import { useBlockProps, getColorClassName, __experimentalUseColorProps as useCol
  */
 
 import useDeprecatedOpacity from './use-deprecated-opacity';
-export default function SeparatorEdit(_ref) {
-  var _colorProps$style, _style$color;
-
-  let {
-    attributes,
-    setAttributes
-  } = _ref;
+export default function SeparatorEdit({
+  attributes,
+  setAttributes
+}) {
   const {
     backgroundColor,
     opacity,
     style
   } = attributes;
   const colorProps = useColorProps(attributes);
-  const currentColor = colorProps === null || colorProps === void 0 ? void 0 : (_colorProps$style = colorProps.style) === null || _colorProps$style === void 0 ? void 0 : _colorProps$style.backgroundColor;
-  const hasCustomColor = !!(style !== null && style !== void 0 && (_style$color = style.color) !== null && _style$color !== void 0 && _style$color.background);
+  const currentColor = colorProps?.style?.backgroundColor;
+  const hasCustomColor = !!style?.color?.background;
   useDeprecatedOpacity(opacity, currentColor, setAttributes); // The dots styles uses text for the dots, to change those dots color is
   // using color, not backgroundColor.
 

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/separator/edit.js"],"names":["classnames","HorizontalRule","useBlockProps","getColorClassName","__experimentalUseColorProps","useColorProps","useDeprecatedOpacity","SeparatorEdit","attributes","setAttributes","backgroundColor","opacity","style","colorProps","currentColor","hasCustomColor","color","background","colorClass","className","styles","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,cAAT,QAA+B,uBAA/B;AACA,SACCC,aADD,EAECC,iBAFD,EAGCC,2BAA2B,IAAIC,aAHhC,QAIO,yBAJP;AAMA;AACA;AACA;;AACA,OAAOC,oBAAP,MAAiC,0BAAjC;AAEA,eAAe,SAASC,aAAT,OAAwD;AAAA;;AAAA,MAAhC;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,GAAgC;AACtE,QAAM;AAAEC,IAAAA,eAAF;AAAmBC,IAAAA,OAAnB;AAA4BC,IAAAA;AAA5B,MAAsCJ,UAA5C;AACA,QAAMK,UAAU,GAAGR,aAAa,CAAEG,UAAF,CAAhC;AACA,QAAMM,YAAY,GAAGD,UAAH,aAAGA,UAAH,4CAAGA,UAAU,CAAED,KAAf,sDAAG,kBAAmBF,eAAxC;AACA,QAAMK,cAAc,GAAG,CAAC,EAAEH,KAAF,aAAEA,KAAF,+BAAEA,KAAK,CAAEI,KAAT,yCAAE,aAAcC,UAAhB,CAAxB;AAEAX,EAAAA,oBAAoB,CAAEK,OAAF,EAAWG,YAAX,EAAyBL,aAAzB,CAApB,CANsE,CAQtE;AACA;;AACA,QAAMS,UAAU,GAAGf,iBAAiB,CAAE,OAAF,EAAWO,eAAX,CAApC;AAEA,QAAMS,SAAS,GAAGnB,UAAU,CAC3B;AACC,sBAAkBU,eAAe,IAAII,YADtC;AAEC,KAAEI,UAAF,GAAgBA,UAFjB;AAGC,uBAAmBP,OAAO,KAAK,KAHhC;AAIC,iCAA6BA,OAAO,KAAK;AAJ1C,GAD2B,EAO3BE,UAAU,CAACM,SAPgB,CAA5B;AAUA,QAAMC,MAAM,GAAG;AACdJ,IAAAA,KAAK,EAAEF,YADO;AAEdJ,IAAAA,eAAe,EAAEI;AAFH,GAAf;AAKA,SACC,8BACC,cAAC,cAAD,EACMZ,aAAa,CAAE;AACnBiB,IAAAA,SADmB;AAEnBP,IAAAA,KAAK,EAAEG,cAAc,GAAGK,MAAH,GAAYC;AAFd,GAAF,CADnB,CADD,CADD;AAUA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { HorizontalRule } from '@wordpress/components';\nimport {\n\tuseBlockProps,\n\tgetColorClassName,\n\t__experimentalUseColorProps as useColorProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport useDeprecatedOpacity from './use-deprecated-opacity';\n\nexport default function SeparatorEdit( { attributes, setAttributes } ) {\n\tconst { backgroundColor, opacity, style } = attributes;\n\tconst colorProps = useColorProps( attributes );\n\tconst currentColor = colorProps?.style?.backgroundColor;\n\tconst hasCustomColor = !! style?.color?.background;\n\n\tuseDeprecatedOpacity( opacity, currentColor, setAttributes );\n\n\t// The dots styles uses text for the dots, to change those dots color is\n\t// using color, not backgroundColor.\n\tconst colorClass = getColorClassName( 'color', backgroundColor );\n\n\tconst className = classnames(\n\t\t{\n\t\t\t'has-text-color': backgroundColor || currentColor,\n\t\t\t[ colorClass ]: colorClass,\n\t\t\t'has-css-opacity': opacity === 'css',\n\t\t\t'has-alpha-channel-opacity': opacity === 'alpha-channel',\n\t\t},\n\t\tcolorProps.className\n\t);\n\n\tconst styles = {\n\t\tcolor: currentColor,\n\t\tbackgroundColor: currentColor,\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<HorizontalRule\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tclassName,\n\t\t\t\t\tstyle: hasCustomColor ? styles : undefined,\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/separator/edit.js"],"names":["classnames","HorizontalRule","useBlockProps","getColorClassName","__experimentalUseColorProps","useColorProps","useDeprecatedOpacity","SeparatorEdit","attributes","setAttributes","backgroundColor","opacity","style","colorProps","currentColor","hasCustomColor","color","background","colorClass","className","styles","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,cAAT,QAA+B,uBAA/B;AACA,SACCC,aADD,EAECC,iBAFD,EAGCC,2BAA2B,IAAIC,aAHhC,QAIO,yBAJP;AAMA;AACA;AACA;;AACA,OAAOC,oBAAP,MAAiC,0BAAjC;AAEA,eAAe,SAASC,aAAT,CAAwB;AAAEC,EAAAA,UAAF;AAAcC,EAAAA;AAAd,CAAxB,EAAwD;AACtE,QAAM;AAAEC,IAAAA,eAAF;AAAmBC,IAAAA,OAAnB;AAA4BC,IAAAA;AAA5B,MAAsCJ,UAA5C;AACA,QAAMK,UAAU,GAAGR,aAAa,CAAEG,UAAF,CAAhC;AACA,QAAMM,YAAY,GAAGD,UAAU,EAAED,KAAZ,EAAmBF,eAAxC;AACA,QAAMK,cAAc,GAAG,CAAC,CAAEH,KAAK,EAAEI,KAAP,EAAcC,UAAxC;AAEAX,EAAAA,oBAAoB,CAAEK,OAAF,EAAWG,YAAX,EAAyBL,aAAzB,CAApB,CANsE,CAQtE;AACA;;AACA,QAAMS,UAAU,GAAGf,iBAAiB,CAAE,OAAF,EAAWO,eAAX,CAApC;AAEA,QAAMS,SAAS,GAAGnB,UAAU,CAC3B;AACC,sBAAkBU,eAAe,IAAII,YADtC;AAEC,KAAEI,UAAF,GAAgBA,UAFjB;AAGC,uBAAmBP,OAAO,KAAK,KAHhC;AAIC,iCAA6BA,OAAO,KAAK;AAJ1C,GAD2B,EAO3BE,UAAU,CAACM,SAPgB,CAA5B;AAUA,QAAMC,MAAM,GAAG;AACdJ,IAAAA,KAAK,EAAEF,YADO;AAEdJ,IAAAA,eAAe,EAAEI;AAFH,GAAf;AAKA,SACC,8BACC,cAAC,cAAD,EACMZ,aAAa,CAAE;AACnBiB,IAAAA,SADmB;AAEnBP,IAAAA,KAAK,EAAEG,cAAc,GAAGK,MAAH,GAAYC;AAFd,GAAF,CADnB,CADD,CADD;AAUA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { HorizontalRule } from '@wordpress/components';\nimport {\n\tuseBlockProps,\n\tgetColorClassName,\n\t__experimentalUseColorProps as useColorProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport useDeprecatedOpacity from './use-deprecated-opacity';\n\nexport default function SeparatorEdit( { attributes, setAttributes } ) {\n\tconst { backgroundColor, opacity, style } = attributes;\n\tconst colorProps = useColorProps( attributes );\n\tconst currentColor = colorProps?.style?.backgroundColor;\n\tconst hasCustomColor = !! style?.color?.background;\n\n\tuseDeprecatedOpacity( opacity, currentColor, setAttributes );\n\n\t// The dots styles uses text for the dots, to change those dots color is\n\t// using color, not backgroundColor.\n\tconst colorClass = getColorClassName( 'color', backgroundColor );\n\n\tconst className = classnames(\n\t\t{\n\t\t\t'has-text-color': backgroundColor || currentColor,\n\t\t\t[ colorClass ]: colorClass,\n\t\t\t'has-css-opacity': opacity === 'css',\n\t\t\t'has-alpha-channel-opacity': opacity === 'alpha-channel',\n\t\t},\n\t\tcolorProps.className\n\t);\n\n\tconst styles = {\n\t\tcolor: currentColor,\n\t\tbackgroundColor: currentColor,\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<HorizontalRule\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tclassName,\n\t\t\t\t\tstyle: hasCustomColor ? styles : undefined,\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"]}

package/build-module/separator/index.js

@@ -10,7 +10,7 @@ import initBlock from '../utils/init-block';
 import edit from './edit';
 const metadata = {
   $schema: "https://schemas.wp.org/trunk/block.json",
-  apiVersion: 2,
+  apiVersion: 3,
   name: "core/separator",
   title: "Separator",
   category: "design",

package/build-module/separator/save.js

@@ -9,18 +9,15 @@ import classnames from 'classnames';
  */
 
 import { getColorClassName, useBlockProps, __experimentalGetColorClassesAndStyles as getColorClassesAndStyles } from '@wordpress/block-editor';
-export default function separatorSave(_ref) {
-  var _style$color, _colorProps$style;
-
-  let {
-    attributes
-  } = _ref;
+export default function separatorSave({
+  attributes
+}) {
   const {
     backgroundColor,
     style,
     opacity
   } = attributes;
-  const customColor = style === null || style === void 0 ? void 0 : (_style$color = style.color) === null || _style$color === void 0 ? void 0 : _style$color.background;
+  const customColor = style?.color?.background;
   const colorProps = getColorClassesAndStyles(attributes); // The hr support changing color using border-color, since border-color
   // is not yet supported in the color palette, we use background-color.
   // The dots styles uses text for the dots, to change those dots color is
@@ -34,7 +31,7 @@ export default function separatorSave(_ref) {
     'has-alpha-channel-opacity': opacity === 'alpha-channel'
   }, colorProps.className);
   const styles = {
-    backgroundColor: colorProps === null || colorProps === void 0 ? void 0 : (_colorProps$style = colorProps.style) === null || _colorProps$style === void 0 ? void 0 : _colorProps$style.backgroundColor,
+    backgroundColor: colorProps?.style?.backgroundColor,
     color: colorClass ? undefined : customColor
   };
   return createElement("hr", useBlockProps.save({

package/build-module/separator/save.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/separator/save.js"],"names":["classnames","getColorClassName","useBlockProps","__experimentalGetColorClassesAndStyles","getColorClassesAndStyles","separatorSave","attributes","backgroundColor","style","opacity","customColor","color","background","colorProps","colorClass","className","styles","undefined","save"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SACCC,iBADD,EAECC,aAFD,EAGCC,sCAAsC,IAAIC,wBAH3C,QAIO,yBAJP;AAMA,eAAe,SAASC,aAAT,OAAyC;AAAA;;AAAA,MAAjB;AAAEC,IAAAA;AAAF,GAAiB;AACvD,QAAM;AAAEC,IAAAA,eAAF;AAAmBC,IAAAA,KAAnB;AAA0BC,IAAAA;AAA1B,MAAsCH,UAA5C;AACA,QAAMI,WAAW,GAAGF,KAAH,aAAGA,KAAH,uCAAGA,KAAK,CAAEG,KAAV,iDAAG,aAAcC,UAAlC;AACA,QAAMC,UAAU,GAAGT,wBAAwB,CAAEE,UAAF,CAA3C,CAHuD,CAIvD;AACA;AAEA;AACA;;AACA,QAAMQ,UAAU,GAAGb,iBAAiB,CAAE,OAAF,EAAWM,eAAX,CAApC;AAEA,QAAMQ,SAAS,GAAGf,UAAU,CAC3B;AACC,sBAAkBO,eAAe,IAAIG,WADtC;AAEC,KAAEI,UAAF,GAAgBA,UAFjB;AAGC,uBAAmBL,OAAO,KAAK,KAHhC;AAIC,iCAA6BA,OAAO,KAAK;AAJ1C,GAD2B,EAO3BI,UAAU,CAACE,SAPgB,CAA5B;AAUA,QAAMC,MAAM,GAAG;AACdT,IAAAA,eAAe,EAAEM,UAAF,aAAEA,UAAF,4CAAEA,UAAU,CAAEL,KAAd,sDAAE,kBAAmBD,eADtB;AAEdI,IAAAA,KAAK,EAAEG,UAAU,GAAGG,SAAH,GAAeP;AAFlB,GAAf;AAIA,SAAO,oBAASR,aAAa,CAACgB,IAAd,CAAoB;AAAEH,IAAAA,SAAF;AAAaP,IAAAA,KAAK,EAAEQ;AAApB,GAApB,CAAT,CAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tgetColorClassName,\n\tuseBlockProps,\n\t__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,\n} from '@wordpress/block-editor';\n\nexport default function separatorSave( { attributes } ) {\n\tconst { backgroundColor, style, opacity } = attributes;\n\tconst customColor = style?.color?.background;\n\tconst colorProps = getColorClassesAndStyles( attributes );\n\t// The hr support changing color using border-color, since border-color\n\t// is not yet supported in the color palette, we use background-color.\n\n\t// The dots styles uses text for the dots, to change those dots color is\n\t// using color, not backgroundColor.\n\tconst colorClass = getColorClassName( 'color', backgroundColor );\n\n\tconst className = classnames(\n\t\t{\n\t\t\t'has-text-color': backgroundColor || customColor,\n\t\t\t[ colorClass ]: colorClass,\n\t\t\t'has-css-opacity': opacity === 'css',\n\t\t\t'has-alpha-channel-opacity': opacity === 'alpha-channel',\n\t\t},\n\t\tcolorProps.className\n\t);\n\n\tconst styles = {\n\t\tbackgroundColor: colorProps?.style?.backgroundColor,\n\t\tcolor: colorClass ? undefined : customColor,\n\t};\n\treturn <hr { ...useBlockProps.save( { className, style: styles } ) } />;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/separator/save.js"],"names":["classnames","getColorClassName","useBlockProps","__experimentalGetColorClassesAndStyles","getColorClassesAndStyles","separatorSave","attributes","backgroundColor","style","opacity","customColor","color","background","colorProps","colorClass","className","styles","undefined","save"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SACCC,iBADD,EAECC,aAFD,EAGCC,sCAAsC,IAAIC,wBAH3C,QAIO,yBAJP;AAMA,eAAe,SAASC,aAAT,CAAwB;AAAEC,EAAAA;AAAF,CAAxB,EAAyC;AACvD,QAAM;AAAEC,IAAAA,eAAF;AAAmBC,IAAAA,KAAnB;AAA0BC,IAAAA;AAA1B,MAAsCH,UAA5C;AACA,QAAMI,WAAW,GAAGF,KAAK,EAAEG,KAAP,EAAcC,UAAlC;AACA,QAAMC,UAAU,GAAGT,wBAAwB,CAAEE,UAAF,CAA3C,CAHuD,CAIvD;AACA;AAEA;AACA;;AACA,QAAMQ,UAAU,GAAGb,iBAAiB,CAAE,OAAF,EAAWM,eAAX,CAApC;AAEA,QAAMQ,SAAS,GAAGf,UAAU,CAC3B;AACC,sBAAkBO,eAAe,IAAIG,WADtC;AAEC,KAAEI,UAAF,GAAgBA,UAFjB;AAGC,uBAAmBL,OAAO,KAAK,KAHhC;AAIC,iCAA6BA,OAAO,KAAK;AAJ1C,GAD2B,EAO3BI,UAAU,CAACE,SAPgB,CAA5B;AAUA,QAAMC,MAAM,GAAG;AACdT,IAAAA,eAAe,EAAEM,UAAU,EAAEL,KAAZ,EAAmBD,eADtB;AAEdI,IAAAA,KAAK,EAAEG,UAAU,GAAGG,SAAH,GAAeP;AAFlB,GAAf;AAIA,SAAO,oBAASR,aAAa,CAACgB,IAAd,CAAoB;AAAEH,IAAAA,SAAF;AAAaP,IAAAA,KAAK,EAAEQ;AAApB,GAApB,CAAT,CAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tgetColorClassName,\n\tuseBlockProps,\n\t__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,\n} from '@wordpress/block-editor';\n\nexport default function separatorSave( { attributes } ) {\n\tconst { backgroundColor, style, opacity } = attributes;\n\tconst customColor = style?.color?.background;\n\tconst colorProps = getColorClassesAndStyles( attributes );\n\t// The hr support changing color using border-color, since border-color\n\t// is not yet supported in the color palette, we use background-color.\n\n\t// The dots styles uses text for the dots, to change those dots color is\n\t// using color, not backgroundColor.\n\tconst colorClass = getColorClassName( 'color', backgroundColor );\n\n\tconst className = classnames(\n\t\t{\n\t\t\t'has-text-color': backgroundColor || customColor,\n\t\t\t[ colorClass ]: colorClass,\n\t\t\t'has-css-opacity': opacity === 'css',\n\t\t\t'has-alpha-channel-opacity': opacity === 'alpha-channel',\n\t\t},\n\t\tcolorProps.className\n\t);\n\n\tconst styles = {\n\t\tbackgroundColor: colorProps?.style?.backgroundColor,\n\t\tcolor: colorClass ? undefined : customColor,\n\t};\n\treturn <hr { ...useBlockProps.save( { className, style: styles } ) } />;\n}\n"]}

package/build-module/shortcode/edit.js

@@ -7,11 +7,10 @@ import { __ } from '@wordpress/i18n';
 import { PlainText, useBlockProps } from '@wordpress/block-editor';
 import { useInstanceId } from '@wordpress/compose';
 import { Icon, shortcode } from '@wordpress/icons';
-export default function ShortcodeEdit(_ref) {
-  let {
-    attributes,
-    setAttributes
-  } = _ref;
+export default function ShortcodeEdit({
+  attributes,
+  setAttributes
+}) {
   const instanceId = useInstanceId(ShortcodeEdit);
   const inputId = `blocks-shortcode-input-${instanceId}`;
   return createElement("div", useBlockProps({

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/shortcode/edit.js"],"names":["__","PlainText","useBlockProps","useInstanceId","Icon","shortcode","ShortcodeEdit","attributes","setAttributes","instanceId","inputId","className","text"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,aAApB,QAAyC,yBAAzC;AACA,SAASC,aAAT,QAA8B,oBAA9B;AACA,SAASC,IAAT,EAAeC,SAAf,QAAgC,kBAAhC;AAEA,eAAe,SAASC,aAAT,OAAwD;AAAA,MAAhC;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,GAAgC;AACtE,QAAMC,UAAU,GAAGN,aAAa,CAAEG,aAAF,CAAhC;AACA,QAAMI,OAAO,GAAI,0BAA0BD,UAAY,EAAvD;AAEA,SACC,qBAAUP,aAAa,CAAE;AAAES,IAAAA,SAAS,EAAE;AAAb,GAAF,CAAvB,EACC;AACC,IAAA,OAAO,EAAGD,OADX;AAEC,IAAA,SAAS,EAAC;AAFX,KAIC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGL;AAAb,IAJD,EAKGL,EAAE,CAAE,WAAF,CALL,CADD,EAQC,cAAC,SAAD;AACC,IAAA,SAAS,EAAC,4BADX;AAEC,IAAA,EAAE,EAAGU,OAFN;AAGC,IAAA,KAAK,EAAGH,UAAU,CAACK,IAHpB;AAIC,kBAAaZ,EAAE,CAAE,gBAAF,CAJhB;AAKC,IAAA,WAAW,EAAGA,EAAE,CAAE,uBAAF,CALjB;AAMC,IAAA,QAAQ,EAAKY,IAAF,IAAYJ,aAAa,CAAE;AAAEI,MAAAA;AAAF,KAAF;AANrC,IARD,CADD;AAmBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { PlainText, useBlockProps } from '@wordpress/block-editor';\nimport { useInstanceId } from '@wordpress/compose';\nimport { Icon, shortcode } from '@wordpress/icons';\n\nexport default function ShortcodeEdit( { attributes, setAttributes } ) {\n\tconst instanceId = useInstanceId( ShortcodeEdit );\n\tconst inputId = `blocks-shortcode-input-${ instanceId }`;\n\n\treturn (\n\t\t<div { ...useBlockProps( { className: 'components-placeholder' } ) }>\n\t\t\t<label\n\t\t\t\thtmlFor={ inputId }\n\t\t\t\tclassName=\"components-placeholder__label\"\n\t\t\t>\n\t\t\t\t<Icon icon={ shortcode } />\n\t\t\t\t{ __( 'Shortcode' ) }\n\t\t\t</label>\n\t\t\t<PlainText\n\t\t\t\tclassName=\"blocks-shortcode__textarea\"\n\t\t\t\tid={ inputId }\n\t\t\t\tvalue={ attributes.text }\n\t\t\t\taria-label={ __( 'Shortcode text' ) }\n\t\t\t\tplaceholder={ __( 'Write shortcode here…' ) }\n\t\t\t\tonChange={ ( text ) => setAttributes( { text } ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/shortcode/edit.js"],"names":["__","PlainText","useBlockProps","useInstanceId","Icon","shortcode","ShortcodeEdit","attributes","setAttributes","instanceId","inputId","className","text"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,aAApB,QAAyC,yBAAzC;AACA,SAASC,aAAT,QAA8B,oBAA9B;AACA,SAASC,IAAT,EAAeC,SAAf,QAAgC,kBAAhC;AAEA,eAAe,SAASC,aAAT,CAAwB;AAAEC,EAAAA,UAAF;AAAcC,EAAAA;AAAd,CAAxB,EAAwD;AACtE,QAAMC,UAAU,GAAGN,aAAa,CAAEG,aAAF,CAAhC;AACA,QAAMI,OAAO,GAAI,0BAA0BD,UAAY,EAAvD;AAEA,SACC,qBAAUP,aAAa,CAAE;AAAES,IAAAA,SAAS,EAAE;AAAb,GAAF,CAAvB,EACC;AACC,IAAA,OAAO,EAAGD,OADX;AAEC,IAAA,SAAS,EAAC;AAFX,KAIC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGL;AAAb,IAJD,EAKGL,EAAE,CAAE,WAAF,CALL,CADD,EAQC,cAAC,SAAD;AACC,IAAA,SAAS,EAAC,4BADX;AAEC,IAAA,EAAE,EAAGU,OAFN;AAGC,IAAA,KAAK,EAAGH,UAAU,CAACK,IAHpB;AAIC,kBAAaZ,EAAE,CAAE,gBAAF,CAJhB;AAKC,IAAA,WAAW,EAAGA,EAAE,CAAE,uBAAF,CALjB;AAMC,IAAA,QAAQ,EAAKY,IAAF,IAAYJ,aAAa,CAAE;AAAEI,MAAAA;AAAF,KAAF;AANrC,IARD,CADD;AAmBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { PlainText, useBlockProps } from '@wordpress/block-editor';\nimport { useInstanceId } from '@wordpress/compose';\nimport { Icon, shortcode } from '@wordpress/icons';\n\nexport default function ShortcodeEdit( { attributes, setAttributes } ) {\n\tconst instanceId = useInstanceId( ShortcodeEdit );\n\tconst inputId = `blocks-shortcode-input-${ instanceId }`;\n\n\treturn (\n\t\t<div { ...useBlockProps( { className: 'components-placeholder' } ) }>\n\t\t\t<label\n\t\t\t\thtmlFor={ inputId }\n\t\t\t\tclassName=\"components-placeholder__label\"\n\t\t\t>\n\t\t\t\t<Icon icon={ shortcode } />\n\t\t\t\t{ __( 'Shortcode' ) }\n\t\t\t</label>\n\t\t\t<PlainText\n\t\t\t\tclassName=\"blocks-shortcode__textarea\"\n\t\t\t\tid={ inputId }\n\t\t\t\tvalue={ attributes.text }\n\t\t\t\taria-label={ __( 'Shortcode text' ) }\n\t\t\t\tplaceholder={ __( 'Write shortcode here…' ) }\n\t\t\t\tonChange={ ( text ) => setAttributes( { text } ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}

package/build-module/shortcode/index.js

@@ -12,7 +12,7 @@ import save from './save';
 import transforms from './transforms';
 const metadata = {
   $schema: "https://schemas.wp.org/trunk/block.json",
-  apiVersion: 2,
+  apiVersion: 3,
   name: "core/shortcode",
   title: "Shortcode",
   category: "widgets",
@@ -21,7 +21,7 @@ const metadata = {
   attributes: {
     text: {
       type: "string",
-      source: "html"
+      source: "raw"
     }
   },
   supports: {

package/build-module/shortcode/save.js

@@ -4,10 +4,9 @@ import { createElement } from "@wordpress/element";
  * WordPress dependencies
  */
 import { RawHTML } from '@wordpress/element';
-export default function save(_ref) {
-  let {
-    attributes
-  } = _ref;
+export default function save({
+  attributes
+}) {
   return createElement(RawHTML, null, attributes.text);
 }
 //# sourceMappingURL=save.js.map

package/build-module/shortcode/save.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/shortcode/save.js"],"names":["RawHTML","save","attributes","text"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AAEA,eAAe,SAASC,IAAT,OAAgC;AAAA,MAAjB;AAAEC,IAAAA;AAAF,GAAiB;AAC9C,SAAO,cAAC,OAAD,QAAWA,UAAU,CAACC,IAAtB,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\n\nexport default function save( { attributes } ) {\n\treturn <RawHTML>{ attributes.text }</RawHTML>;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/shortcode/save.js"],"names":["RawHTML","save","attributes","text"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AAEA,eAAe,SAASC,IAAT,CAAe;AAAEC,EAAAA;AAAF,CAAf,EAAgC;AAC9C,SAAO,cAAC,OAAD,QAAWA,UAAU,CAACC,IAAtB,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\n\nexport default function save( { attributes } ) {\n\treturn <RawHTML>{ attributes.text }</RawHTML>;\n}\n"]}

package/build-module/shortcode/transforms.js

@@ -16,10 +16,9 @@ const transforms = {
     attributes: {
       text: {
         type: 'string',
-        shortcode: (attrs, _ref) => {
-          let {
-            content
-          } = _ref;
+        shortcode: (attrs, {
+          content
+        }) => {
           return removep(autop(content));
         }
       }

package/build-module/shortcode/transforms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/shortcode/transforms.js"],"names":["removep","autop","transforms","from","type","tag","attributes","text","shortcode","attrs","content","priority"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,EAAkBC,KAAlB,QAA+B,kBAA/B;AAEA,MAAMC,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,WADP;AAEC;AACA;AACA;AACA;AACA;AACA;AACA;AACAC,IAAAA,GAAG,EAAE,kBATN;AAUCC,IAAAA,UAAU,EAAE;AACXC,MAAAA,IAAI,EAAE;AACLH,QAAAA,IAAI,EAAE,QADD;AAELI,QAAAA,SAAS,EAAE,CAAEC,KAAF,WAA0B;AAAA,cAAjB;AAAEC,YAAAA;AAAF,WAAiB;AACpC,iBAAOV,OAAO,CAAEC,KAAK,CAAES,OAAF,CAAP,CAAd;AACA;AAJI;AADK,KAVb;AAkBCC,IAAAA,QAAQ,EAAE;AAlBX,GADK;AADY,CAAnB;AAyBA,eAAeT,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { removep, autop } from '@wordpress/autop';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'shortcode',\n\t\t\t// Per \"Shortcode names should be all lowercase and use all\n\t\t\t// letters, but numbers and underscores should work fine too.\n\t\t\t// Be wary of using hyphens (dashes), you'll be better off not\n\t\t\t// using them.\" in https://codex.wordpress.org/Shortcode_API\n\t\t\t// Require that the first character be a letter. This notably\n\t\t\t// prevents footnote markings ([1]) from being caught as\n\t\t\t// shortcodes.\n\t\t\ttag: '[a-z][a-z0-9_-]*',\n\t\t\tattributes: {\n\t\t\t\ttext: {\n\t\t\t\t\ttype: 'string',\n\t\t\t\t\tshortcode: ( attrs, { content } ) => {\n\t\t\t\t\t\treturn removep( autop( content ) );\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t\tpriority: 20,\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/shortcode/transforms.js"],"names":["removep","autop","transforms","from","type","tag","attributes","text","shortcode","attrs","content","priority"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,EAAkBC,KAAlB,QAA+B,kBAA/B;AAEA,MAAMC,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,WADP;AAEC;AACA;AACA;AACA;AACA;AACA;AACA;AACAC,IAAAA,GAAG,EAAE,kBATN;AAUCC,IAAAA,UAAU,EAAE;AACXC,MAAAA,IAAI,EAAE;AACLH,QAAAA,IAAI,EAAE,QADD;AAELI,QAAAA,SAAS,EAAE,CAAEC,KAAF,EAAS;AAAEC,UAAAA;AAAF,SAAT,KAA0B;AACpC,iBAAOV,OAAO,CAAEC,KAAK,CAAES,OAAF,CAAP,CAAd;AACA;AAJI;AADK,KAVb;AAkBCC,IAAAA,QAAQ,EAAE;AAlBX,GADK;AADY,CAAnB;AAyBA,eAAeT,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { removep, autop } from '@wordpress/autop';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'shortcode',\n\t\t\t// Per \"Shortcode names should be all lowercase and use all\n\t\t\t// letters, but numbers and underscores should work fine too.\n\t\t\t// Be wary of using hyphens (dashes), you'll be better off not\n\t\t\t// using them.\" in https://codex.wordpress.org/Shortcode_API\n\t\t\t// Require that the first character be a letter. This notably\n\t\t\t// prevents footnote markings ([1]) from being caught as\n\t\t\t// shortcodes.\n\t\t\ttag: '[a-z][a-z0-9_-]*',\n\t\t\tattributes: {\n\t\t\t\ttext: {\n\t\t\t\t\ttype: 'string',\n\t\t\t\t\tshortcode: ( attrs, { content } ) => {\n\t\t\t\t\t\treturn removep( autop( content ) );\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t\tpriority: 20,\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}