@wordpress/block-library 8.19.2 → 8.20.0

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_classnames","_interopRequireDefault","_blockEditor","_components","_i18n","_icons","_compose","_style","MIN_BUTTON_WIDTH","MARGINS","styles","widthMargin","marginLeft","paddingLeft","BUTTON_OPTIONS","value","label","__","useIsScreenReaderEnabled","isScreenReaderEnabled","setIsScreenReaderEnabled","useState","useEffect","mounted","changeListener","AccessibilityInfo","addEventListener","enabled","then","screenReaderEnabled","remove","SearchEdit","onFocus","isSelected","attributes","setAttributes","className","blockWidth","style","isButtonSelected","setIsButtonSelected","isLabelSelected","setIsLabelSelected","isPlaceholderSelected","setIsPlaceholderSelected","isLongButton","setIsLongButton","buttonWidth","setButtonWidth","textInputRef","useRef","showLabel","buttonPosition","buttonUseIcon","placeholder","buttonText","hasTextInput","current","blur","maxButtonWidth","Math","floor","tempIsLongButton","onLayoutButton","nativeEvent","width","layout","getBlockClassNames","classnames","undefined","getSelectedButtonPositionLabel","option","blockProps","useBlockProps","controls","createElement","InspectorControls","PanelBody","title","ToggleControl","checked","onChange","SelectControl","position","options","hideCancelButton","isButtonInside","borderStyle","usePreferredColorSchemeStyle","border","borderDark","inputStyle","plainTextInput","plainTextInputDark","baseColors","color","text","placeholderStyle","plainTextPlaceholder","plainTextPlaceholderDark","searchBarStyle","searchBarContainer","flexDirection","getAccessibilityLabelForButton","getAccessibilityLabelForPlaceholder","description","getAccessibilityLabelForLabel","renderTextField","View","searchInputContainer","accessible","accessibilityRole","accessibilityHint","accessibilityLabel","PlainText","ref","numberOfLines","ellipsizeMode","newVal","onBlur","placeholderTextColor","buttonPlaceholderText","baseButtonStyles","blocks","richTextButtonContainerStyle","buttonContainer","buttonContainerWide","background","backgroundColor","borderWidth","richTextButtonStyle","richTextButton","placeholderColor","iconStyles","icon","fill","renderButton","Icon","search","onLayout","RichText","identifier","tagName","withoutInteractiveFormatting","html","minWidth","maxWidth","textAlign","__unstableMobileNoFocusOnMount","unstableOnFocus","selectionColor","richTextButtonCursor","searchBlockContainer","importantForAccessibility","accessibilityElementsHidden","richTextLabel"],"sources":["@wordpress/block-library/src/search/edit.native.js"],"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"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_classnames","_interopRequireDefault","_blockEditor","_components","_i18n","_icons","_element","_compose","_style","MIN_BUTTON_WIDTH","MARGINS","styles","widthMargin","marginLeft","paddingLeft","BUTTON_OPTIONS","value","label","__","useIsScreenReaderEnabled","isScreenReaderEnabled","setIsScreenReaderEnabled","useState","useEffect","mounted","changeListener","AccessibilityInfo","addEventListener","enabled","then","screenReaderEnabled","remove","SearchEdit","onFocus","isSelected","attributes","setAttributes","className","blockWidth","style","isButtonSelected","setIsButtonSelected","isLabelSelected","setIsLabelSelected","isPlaceholderSelected","setIsPlaceholderSelected","isLongButton","setIsLongButton","buttonWidth","setButtonWidth","textInputRef","useRef","showLabel","buttonPosition","buttonUseIcon","placeholder","buttonText","hasTextInput","current","blur","maxButtonWidth","Math","floor","tempIsLongButton","onLayoutButton","nativeEvent","width","layout","getBlockClassNames","classnames","undefined","getSelectedButtonPositionLabel","option","blockProps","useBlockProps","controls","_react","createElement","InspectorControls","PanelBody","title","ToggleControl","checked","onChange","SelectControl","position","options","hideCancelButton","isButtonInside","borderStyle","usePreferredColorSchemeStyle","border","borderDark","inputStyle","plainTextInput","plainTextInputDark","baseColors","color","text","placeholderStyle","plainTextPlaceholder","plainTextPlaceholderDark","searchBarStyle","searchBarContainer","flexDirection","getAccessibilityLabelForButton","getAccessibilityLabelForPlaceholder","description","getAccessibilityLabelForLabel","renderTextField","View","searchInputContainer","accessible","accessibilityRole","accessibilityHint","accessibilityLabel","PlainText","ref","numberOfLines","ellipsizeMode","newVal","onBlur","placeholderTextColor","buttonPlaceholderText","baseButtonStyles","blocks","richTextButtonContainerStyle","buttonContainer","buttonContainerWide","background","backgroundColor","borderWidth","richTextButtonStyle","richTextButton","placeholderColor","iconStyles","icon","fill","renderButton","Icon","search","onLayout","RichText","identifier","tagName","withoutInteractiveFormatting","html","minWidth","maxWidth","textAlign","__unstableMobileNoFocusOnMount","unstableOnFocus","selectionColor","richTextButtonCursor","searchBlockContainer","importantForAccessibility","accessibilityElementsHidden","richTextLabel"],"sources":["@wordpress/block-library/src/search/edit.native.js"],"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"],"mappings":"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"}

package/build/search/icons.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toggleLabel = exports.noButton = exports.buttonWithIcon = exports.buttonOutside = exports.buttonOnly = exports.buttonInside = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 /**
  * WordPress dependencies
  */
 
-const buttonOnly = (0, _element.createElement)(_components.SVG, {
+const buttonOnly = (0, _react.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, (0, _element.createElement)(_components.Rect, {
+}, (0, _react.createElement)(_components.Rect, {
   x: "7",
   y: "10",
   width: "10",
@@ -22,10 +22,10 @@ const buttonOnly = (0, _element.createElement)(_components.SVG, {
   fill: "currentColor"
 }));
 exports.buttonOnly = buttonOnly;
-const buttonOutside = (0, _element.createElement)(_components.SVG, {
+const buttonOutside = (0, _react.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, (0, _element.createElement)(_components.Rect, {
+}, (0, _react.createElement)(_components.Rect, {
   x: "4.75",
   y: "15.25",
   width: "6.5",
@@ -34,7 +34,7 @@ const buttonOutside = (0, _element.createElement)(_components.SVG, {
   stroke: "currentColor",
   strokeWidth: "1.5",
   fill: "none"
-}), (0, _element.createElement)(_components.Rect, {
+}), (0, _react.createElement)(_components.Rect, {
   x: "16",
   y: "10",
   width: "4",
@@ -43,10 +43,10 @@ const buttonOutside = (0, _element.createElement)(_components.SVG, {
   fill: "currentColor"
 }));
 exports.buttonOutside = buttonOutside;
-const buttonInside = (0, _element.createElement)(_components.SVG, {
+const buttonInside = (0, _react.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, (0, _element.createElement)(_components.Rect, {
+}, (0, _react.createElement)(_components.Rect, {
   x: "4.75",
   y: "15.25",
   width: "6.5",
@@ -55,7 +55,7 @@ const buttonInside = (0, _element.createElement)(_components.SVG, {
   stroke: "currentColor",
   strokeWidth: "1.5",
   fill: "none"
-}), (0, _element.createElement)(_components.Rect, {
+}), (0, _react.createElement)(_components.Rect, {
   x: "14",
   y: "10",
   width: "4",
@@ -64,10 +64,10 @@ const buttonInside = (0, _element.createElement)(_components.SVG, {
   fill: "currentColor"
 }));
 exports.buttonInside = buttonInside;
-const noButton = (0, _element.createElement)(_components.SVG, {
+const noButton = (0, _react.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, (0, _element.createElement)(_components.Rect, {
+}, (0, _react.createElement)(_components.Rect, {
   x: "4.75",
   y: "15.25",
   width: "6.5",
@@ -78,10 +78,10 @@ const noButton = (0, _element.createElement)(_components.SVG, {
   strokeWidth: "1.5"
 }));
 exports.noButton = noButton;
-const buttonWithIcon = (0, _element.createElement)(_components.SVG, {
+const buttonWithIcon = (0, _react.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, (0, _element.createElement)(_components.Rect, {
+}, (0, _react.createElement)(_components.Rect, {
   x: "4.75",
   y: "7.75",
   width: "14.5",
@@ -90,7 +90,7 @@ const buttonWithIcon = (0, _element.createElement)(_components.SVG, {
   stroke: "currentColor",
   fill: "none",
   strokeWidth: "1.5"
-}), (0, _element.createElement)(_components.Rect, {
+}), (0, _react.createElement)(_components.Rect, {
   x: "8",
   y: "11",
   width: "8",
@@ -98,10 +98,10 @@ const buttonWithIcon = (0, _element.createElement)(_components.SVG, {
   fill: "currentColor"
 }));
 exports.buttonWithIcon = buttonWithIcon;
-const toggleLabel = (0, _element.createElement)(_components.SVG, {
+const toggleLabel = (0, _react.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, (0, _element.createElement)(_components.Rect, {
+}, (0, _react.createElement)(_components.Rect, {
   x: "4.75",
   y: "17.25",
   width: "5.5",
@@ -110,7 +110,7 @@ const toggleLabel = (0, _element.createElement)(_components.SVG, {
   stroke: "currentColor",
   fill: "none",
   strokeWidth: "1.5"
-}), (0, _element.createElement)(_components.Rect, {
+}), (0, _react.createElement)(_components.Rect, {
   x: "4",
   y: "7",
   width: "10",

package/build/search/icons.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","buttonOnly","_element","createElement","SVG","xmlns","viewBox","Rect","x","y","width","height","rx","fill","exports","buttonOutside","transform","stroke","strokeWidth","buttonInside","noButton","buttonWithIcon","toggleLabel"],"sources":["@wordpress/block-library/src/search/icons.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Rect } from '@wordpress/components';\n\nexport const buttonOnly = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Rect x=\"7\" y=\"10\" width=\"10\" height=\"4\" rx=\"1\" fill=\"currentColor\" />\n\t</SVG>\n);\n\nexport const buttonOutside = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Rect\n\t\t\tx=\"4.75\"\n\t\t\ty=\"15.25\"\n\t\t\twidth=\"6.5\"\n\t\t\theight=\"9.5\"\n\t\t\ttransform=\"rotate(-90 4.75 15.25)\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeWidth=\"1.5\"\n\t\t\tfill=\"none\"\n\t\t/>\n\t\t<Rect x=\"16\" y=\"10\" width=\"4\" height=\"4\" rx=\"1\" fill=\"currentColor\" />\n\t</SVG>\n);\n\nexport const buttonInside = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Rect\n\t\t\tx=\"4.75\"\n\t\t\ty=\"15.25\"\n\t\t\twidth=\"6.5\"\n\t\t\theight=\"14.5\"\n\t\t\ttransform=\"rotate(-90 4.75 15.25)\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeWidth=\"1.5\"\n\t\t\tfill=\"none\"\n\t\t/>\n\t\t<Rect x=\"14\" y=\"10\" width=\"4\" height=\"4\" rx=\"1\" fill=\"currentColor\" />\n\t</SVG>\n);\n\nexport const noButton = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Rect\n\t\t\tx=\"4.75\"\n\t\t\ty=\"15.25\"\n\t\t\twidth=\"6.5\"\n\t\t\theight=\"14.5\"\n\t\t\ttransform=\"rotate(-90 4.75 15.25)\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tfill=\"none\"\n\t\t\tstrokeWidth=\"1.5\"\n\t\t/>\n\t</SVG>\n);\n\nexport const buttonWithIcon = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Rect\n\t\t\tx=\"4.75\"\n\t\t\ty=\"7.75\"\n\t\t\twidth=\"14.5\"\n\t\t\theight=\"8.5\"\n\t\t\trx=\"1.25\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tfill=\"none\"\n\t\t\tstrokeWidth=\"1.5\"\n\t\t/>\n\t\t<Rect x=\"8\" y=\"11\" width=\"8\" height=\"2\" fill=\"currentColor\" />\n\t</SVG>\n);\n\nexport const toggleLabel = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Rect\n\t\t\tx=\"4.75\"\n\t\t\ty=\"17.25\"\n\t\t\twidth=\"5.5\"\n\t\t\theight=\"14.5\"\n\t\t\ttransform=\"rotate(-90 4.75 17.25)\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tfill=\"none\"\n\t\t\tstrokeWidth=\"1.5\"\n\t\t/>\n\t\t<Rect x=\"4\" y=\"7\" width=\"10\" height=\"2\" fill=\"currentColor\" />\n\t</SVG>\n);\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","buttonOnly","_react","createElement","SVG","xmlns","viewBox","Rect","x","y","width","height","rx","fill","exports","buttonOutside","transform","stroke","strokeWidth","buttonInside","noButton","buttonWithIcon","toggleLabel"],"sources":["@wordpress/block-library/src/search/icons.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Rect } from '@wordpress/components';\n\nexport const buttonOnly = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Rect x=\"7\" y=\"10\" width=\"10\" height=\"4\" rx=\"1\" fill=\"currentColor\" />\n\t</SVG>\n);\n\nexport const buttonOutside = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Rect\n\t\t\tx=\"4.75\"\n\t\t\ty=\"15.25\"\n\t\t\twidth=\"6.5\"\n\t\t\theight=\"9.5\"\n\t\t\ttransform=\"rotate(-90 4.75 15.25)\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeWidth=\"1.5\"\n\t\t\tfill=\"none\"\n\t\t/>\n\t\t<Rect x=\"16\" y=\"10\" width=\"4\" height=\"4\" rx=\"1\" fill=\"currentColor\" />\n\t</SVG>\n);\n\nexport const buttonInside = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Rect\n\t\t\tx=\"4.75\"\n\t\t\ty=\"15.25\"\n\t\t\twidth=\"6.5\"\n\t\t\theight=\"14.5\"\n\t\t\ttransform=\"rotate(-90 4.75 15.25)\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeWidth=\"1.5\"\n\t\t\tfill=\"none\"\n\t\t/>\n\t\t<Rect x=\"14\" y=\"10\" width=\"4\" height=\"4\" rx=\"1\" fill=\"currentColor\" />\n\t</SVG>\n);\n\nexport const noButton = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Rect\n\t\t\tx=\"4.75\"\n\t\t\ty=\"15.25\"\n\t\t\twidth=\"6.5\"\n\t\t\theight=\"14.5\"\n\t\t\ttransform=\"rotate(-90 4.75 15.25)\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tfill=\"none\"\n\t\t\tstrokeWidth=\"1.5\"\n\t\t/>\n\t</SVG>\n);\n\nexport const buttonWithIcon = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Rect\n\t\t\tx=\"4.75\"\n\t\t\ty=\"7.75\"\n\t\t\twidth=\"14.5\"\n\t\t\theight=\"8.5\"\n\t\t\trx=\"1.25\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tfill=\"none\"\n\t\t\tstrokeWidth=\"1.5\"\n\t\t/>\n\t\t<Rect x=\"8\" y=\"11\" width=\"8\" height=\"2\" fill=\"currentColor\" />\n\t</SVG>\n);\n\nexport const toggleLabel = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Rect\n\t\t\tx=\"4.75\"\n\t\t\ty=\"17.25\"\n\t\t\twidth=\"5.5\"\n\t\t\theight=\"14.5\"\n\t\t\ttransform=\"rotate(-90 4.75 17.25)\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tfill=\"none\"\n\t\t\tstrokeWidth=\"1.5\"\n\t\t/>\n\t\t<Rect x=\"4\" y=\"7\" width=\"10\" height=\"2\" fill=\"currentColor\" />\n\t</SVG>\n);\n"],"mappings":"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"}

package/build/separator/deprecated.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 /**
@@ -48,7 +48,7 @@ const v1 = {
       backgroundColor: backgroundClass ? undefined : customColor,
       color: colorClass ? undefined : customColor
     };
-    return (0, _element.createElement)("hr", {
+    return (0, _react.createElement)("hr", {
       ..._blockEditor.useBlockProps.save({
         className,
         style

package/build/separator/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","v1","attributes","color","type","customColor","save","backgroundClass","getColorClassName","colorClass","className","classnames","style","backgroundColor","undefined","_element","createElement","useBlockProps","migrate","restAttributes","opacity","background","_default","exports","default"],"sources":["@wordpress/block-library/src/separator/deprecated.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAME,EAAE,GAAG;EACVC,UAAU,EAAE;IACXC,KAAK,EAAE;MACNC,IAAI,EAAE;IACP,CAAC;IACDC,WAAW,EAAE;MACZD,IAAI,EAAE;IACP;EACD,CAAC;EACDE,IAAIA,CAAE;IAAEJ;EAAW,CAAC,EAAG;IACtB,MAAM;MAAEC,KAAK;MAAEE;IAAY,CAAC,GAAGH,UAAU;;IAEzC;IACA;IACA,MAAMK,eAAe,GAAG,IAAAC,8BAAiB,EAAE,kBAAkB,EAAEL,KAAM,CAAC;IACtE;IACA;IACA,MAAMM,UAAU,GAAG,IAAAD,8BAAiB,EAAE,OAAO,EAAEL,KAAM,CAAC;IAEtD,MAAMO,SAAS,GAAG,IAAAC,mBAAU,EAAE;MAC7B,+BAA+B,EAAER,KAAK,IAAIE,WAAW;MACrD,CAAEE,eAAe,GAAIA,eAAe;MACpC,CAAEE,UAAU,GAAIA;IACjB,CAAE,CAAC;IAEH,MAAMG,KAAK,GAAG;MACbC,eAAe,EAAEN,eAAe,GAAGO,SAAS,GAAGT,WAAW;MAC1DF,KAAK,EAAEM,UAAU,GAAGK,SAAS,GAAGT;IACjC,CAAC;IAED,OAAO,IAAAU,QAAA,CAAAC,aAAA;MAAA,GAASC,0BAAa,CAACX,IAAI,CAAE;QAAEI,SAAS;QAAEE;MAAM,CAAE;IAAC,CAAI,CAAC;EAChE,CAAC;EACDM,OAAOA,CAAEhB,UAAU,EAAG;IACrB,MAAM;MAAEC,KAAK;MAAEE,WAAW;MAAE,GAAGc;IAAe,CAAC,GAAGjB,UAAU;IAC5D,OAAO;MACN,GAAGiB,cAAc;MACjBN,eAAe,EAAEV,KAAK,GAAGA,KAAK,GAAGW,SAAS;MAC1CM,OAAO,EAAE,KAAK;MACdR,KAAK,EAAEP,WAAW,GACf;QAAEF,KAAK,EAAE;UAAEkB,UAAU,EAAEhB;QAAY;MAAE,CAAC,GACtCS;IACJ,CAAC;EACF;AACD,CAAC;AAAC,IAAAQ,QAAA,GAEa,CAAErB,EAAE,CAAE;AAAAsB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","v1","attributes","color","type","customColor","save","backgroundClass","getColorClassName","colorClass","className","classnames","style","backgroundColor","undefined","_react","createElement","useBlockProps","migrate","restAttributes","opacity","background","_default","exports","default"],"sources":["@wordpress/block-library/src/separator/deprecated.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAME,EAAE,GAAG;EACVC,UAAU,EAAE;IACXC,KAAK,EAAE;MACNC,IAAI,EAAE;IACP,CAAC;IACDC,WAAW,EAAE;MACZD,IAAI,EAAE;IACP;EACD,CAAC;EACDE,IAAIA,CAAE;IAAEJ;EAAW,CAAC,EAAG;IACtB,MAAM;MAAEC,KAAK;MAAEE;IAAY,CAAC,GAAGH,UAAU;;IAEzC;IACA;IACA,MAAMK,eAAe,GAAG,IAAAC,8BAAiB,EAAE,kBAAkB,EAAEL,KAAM,CAAC;IACtE;IACA;IACA,MAAMM,UAAU,GAAG,IAAAD,8BAAiB,EAAE,OAAO,EAAEL,KAAM,CAAC;IAEtD,MAAMO,SAAS,GAAG,IAAAC,mBAAU,EAAE;MAC7B,+BAA+B,EAAER,KAAK,IAAIE,WAAW;MACrD,CAAEE,eAAe,GAAIA,eAAe;MACpC,CAAEE,UAAU,GAAIA;IACjB,CAAE,CAAC;IAEH,MAAMG,KAAK,GAAG;MACbC,eAAe,EAAEN,eAAe,GAAGO,SAAS,GAAGT,WAAW;MAC1DF,KAAK,EAAEM,UAAU,GAAGK,SAAS,GAAGT;IACjC,CAAC;IAED,OAAO,IAAAU,MAAA,CAAAC,aAAA;MAAA,GAASC,0BAAa,CAACX,IAAI,CAAE;QAAEI,SAAS;QAAEE;MAAM,CAAE;IAAC,CAAI,CAAC;EAChE,CAAC;EACDM,OAAOA,CAAEhB,UAAU,EAAG;IACrB,MAAM;MAAEC,KAAK;MAAEE,WAAW;MAAE,GAAGc;IAAe,CAAC,GAAGjB,UAAU;IAC5D,OAAO;MACN,GAAGiB,cAAc;MACjBN,eAAe,EAAEV,KAAK,GAAGA,KAAK,GAAGW,SAAS;MAC1CM,OAAO,EAAE,KAAK;MACdR,KAAK,EAAEP,WAAW,GACf;QAAEF,KAAK,EAAE;UAAEkB,UAAU,EAAEhB;QAAY;MAAE,CAAC,GACtCS;IACJ,CAAC;EACF;AACD,CAAC;AAAC,IAAAQ,QAAA,GAEa,CAAErB,EAAE,CAAE;AAAAsB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/separator/edit.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SeparatorEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
@@ -49,7 +49,7 @@ function SeparatorEdit({
     color: currentColor,
     backgroundColor: currentColor
   };
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.HorizontalRule, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.HorizontalRule, {
     ...(0, _blockEditor.useBlockProps)({
       className,
       style: hasCustomColor ? styles : undefined

package/build/separator/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_blockEditor","_useDeprecatedOpacity","SeparatorEdit","attributes","setAttributes","backgroundColor","opacity","style","colorProps","useColorProps","currentColor","hasCustomColor","color","background","useDeprecatedOpacity","colorClass","getColorClassName","className","classnames","styles","_element","createElement","Fragment","HorizontalRule","useBlockProps","undefined"],"sources":["@wordpress/block-library/src/separator/edit.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AASA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;;AAGe,SAASI,aAAaA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACtE,MAAM;IAAEC,eAAe;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGJ,UAAU;EACtD,MAAMK,UAAU,GAAG,IAAAC,wCAAa,EAAEN,UAAW,CAAC;EAC9C,MAAMO,YAAY,GAAGF,UAAU,EAAED,KAAK,EAAEF,eAAe;EACvD,MAAMM,cAAc,GAAG,CAAC,CAAEJ,KAAK,EAAEK,KAAK,EAAEC,UAAU;EAElD,IAAAC,6BAAoB,EAAER,OAAO,EAAEI,YAAY,EAAEN,aAAc,CAAC;;EAE5D;EACA;EACA,MAAMW,UAAU,GAAG,IAAAC,8BAAiB,EAAE,OAAO,EAAEX,eAAgB,CAAC;EAEhE,MAAMY,SAAS,GAAG,IAAAC,mBAAU,EAC3B;IACC,gBAAgB,EAAEb,eAAe,IAAIK,YAAY;IACjD,CAAEK,UAAU,GAAIA,UAAU;IAC1B,iBAAiB,EAAET,OAAO,KAAK,KAAK;IACpC,2BAA2B,EAAEA,OAAO,KAAK;EAC1C,CAAC,EACDE,UAAU,CAACS,SACZ,CAAC;EAED,MAAME,MAAM,GAAG;IACdP,KAAK,EAAEF,YAAY;IACnBL,eAAe,EAAEK;EAClB,CAAC;EAED,OACC,IAAAU,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAwB,cAAc;IAAA,GACT,IAAAC,0BAAa,EAAE;MACnBP,SAAS;MACTV,KAAK,EAAEI,cAAc,GAAGQ,MAAM,GAAGM;IAClC,CAAE;EAAC,CACH,CACA,CAAC;AAEL"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_blockEditor","_useDeprecatedOpacity","SeparatorEdit","attributes","setAttributes","backgroundColor","opacity","style","colorProps","useColorProps","currentColor","hasCustomColor","color","background","useDeprecatedOpacity","colorClass","getColorClassName","className","classnames","styles","_react","createElement","Fragment","HorizontalRule","useBlockProps","undefined"],"sources":["@wordpress/block-library/src/separator/edit.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AASA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;;AAGe,SAASI,aAAaA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACtE,MAAM;IAAEC,eAAe;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGJ,UAAU;EACtD,MAAMK,UAAU,GAAG,IAAAC,wCAAa,EAAEN,UAAW,CAAC;EAC9C,MAAMO,YAAY,GAAGF,UAAU,EAAED,KAAK,EAAEF,eAAe;EACvD,MAAMM,cAAc,GAAG,CAAC,CAAEJ,KAAK,EAAEK,KAAK,EAAEC,UAAU;EAElD,IAAAC,6BAAoB,EAAER,OAAO,EAAEI,YAAY,EAAEN,aAAc,CAAC;;EAE5D;EACA;EACA,MAAMW,UAAU,GAAG,IAAAC,8BAAiB,EAAE,OAAO,EAAEX,eAAgB,CAAC;EAEhE,MAAMY,SAAS,GAAG,IAAAC,mBAAU,EAC3B;IACC,gBAAgB,EAAEb,eAAe,IAAIK,YAAY;IACjD,CAAEK,UAAU,GAAIA,UAAU;IAC1B,iBAAiB,EAAET,OAAO,KAAK,KAAK;IACpC,2BAA2B,EAAEA,OAAO,KAAK;EAC1C,CAAC,EACDE,UAAU,CAACS,SACZ,CAAC;EAED,MAAME,MAAM,GAAG;IACdP,KAAK,EAAEF,YAAY;IACnBL,eAAe,EAAEK;EAClB,CAAC;EAED,OACC,IAAAU,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAwB,cAAc;IAAA,GACT,IAAAC,0BAAa,EAAE;MACnBP,SAAS;MACTV,KAAK,EAAEI,cAAc,GAAGQ,MAAM,GAAGM;IAClC,CAAE;EAAC,CACH,CACA,CAAC;AAEL"}

package/build/separator/save.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = separatorSave;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 /**
@@ -42,7 +42,7 @@ function separatorSave({
     backgroundColor: colorProps?.style?.backgroundColor,
     color: colorClass ? undefined : customColor
   };
-  return (0, _element.createElement)("hr", {
+  return (0, _react.createElement)("hr", {
     ..._blockEditor.useBlockProps.save({
       className,
       style: styles

package/build/separator/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","separatorSave","attributes","backgroundColor","style","opacity","customColor","color","background","colorProps","getColorClassesAndStyles","colorClass","getColorClassName","className","classnames","styles","undefined","_element","createElement","useBlockProps","save"],"sources":["@wordpress/block-library/src/separator/save.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAOe,SAASE,aAAaA,CAAE;EAAEC;AAAW,CAAC,EAAG;EACvD,MAAM;IAAEC,eAAe;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGH,UAAU;EACtD,MAAMI,WAAW,GAAGF,KAAK,EAAEG,KAAK,EAAEC,UAAU;EAC5C,MAAMC,UAAU,GAAG,IAAAC,mDAAwB,EAAER,UAAW,CAAC;EACzD;EACA;;EAEA;EACA;EACA,MAAMS,UAAU,GAAG,IAAAC,8BAAiB,EAAE,OAAO,EAAET,eAAgB,CAAC;EAEhE,MAAMU,SAAS,GAAG,IAAAC,mBAAU,EAC3B;IACC,gBAAgB,EAAEX,eAAe,IAAIG,WAAW;IAChD,CAAEK,UAAU,GAAIA,UAAU;IAC1B,iBAAiB,EAAEN,OAAO,KAAK,KAAK;IACpC,2BAA2B,EAAEA,OAAO,KAAK;EAC1C,CAAC,EACDI,UAAU,CAACI,SACZ,CAAC;EAED,MAAME,MAAM,GAAG;IACdZ,eAAe,EAAEM,UAAU,EAAEL,KAAK,EAAED,eAAe;IACnDI,KAAK,EAAEI,UAAU,GAAGK,SAAS,GAAGV;EACjC,CAAC;EACD,OAAO,IAAAW,QAAA,CAAAC,aAAA;IAAA,GAASC,0BAAa,CAACC,IAAI,CAAE;MAAEP,SAAS;MAAET,KAAK,EAAEW;IAAO,CAAE;EAAC,CAAI,CAAC;AACxE"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","separatorSave","attributes","backgroundColor","style","opacity","customColor","color","background","colorProps","getColorClassesAndStyles","colorClass","getColorClassName","className","classnames","styles","undefined","_react","createElement","useBlockProps","save"],"sources":["@wordpress/block-library/src/separator/save.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAOe,SAASE,aAAaA,CAAE;EAAEC;AAAW,CAAC,EAAG;EACvD,MAAM;IAAEC,eAAe;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGH,UAAU;EACtD,MAAMI,WAAW,GAAGF,KAAK,EAAEG,KAAK,EAAEC,UAAU;EAC5C,MAAMC,UAAU,GAAG,IAAAC,mDAAwB,EAAER,UAAW,CAAC;EACzD;EACA;;EAEA;EACA;EACA,MAAMS,UAAU,GAAG,IAAAC,8BAAiB,EAAE,OAAO,EAAET,eAAgB,CAAC;EAEhE,MAAMU,SAAS,GAAG,IAAAC,mBAAU,EAC3B;IACC,gBAAgB,EAAEX,eAAe,IAAIG,WAAW;IAChD,CAAEK,UAAU,GAAIA,UAAU;IAC1B,iBAAiB,EAAEN,OAAO,KAAK,KAAK;IACpC,2BAA2B,EAAEA,OAAO,KAAK;EAC1C,CAAC,EACDI,UAAU,CAACI,SACZ,CAAC;EAED,MAAME,MAAM,GAAG;IACdZ,eAAe,EAAEM,UAAU,EAAEL,KAAK,EAAED,eAAe;IACnDI,KAAK,EAAEI,UAAU,GAAGK,SAAS,GAAGV;EACjC,CAAC;EACD,OAAO,IAAAW,MAAA,CAAAC,aAAA;IAAA,GAASC,0BAAa,CAACC,IAAI,CAAE;MAAEP,SAAS;MAAET,KAAK,EAAEW;IAAO,CAAE;EAAC,CAAI,CAAC;AACxE"}

package/build/shortcode/edit.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ShortcodeEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _compose = require("@wordpress/compose");
@@ -19,16 +19,16 @@ function ShortcodeEdit({
 }) {
   const instanceId = (0, _compose.useInstanceId)(ShortcodeEdit);
   const inputId = `blocks-shortcode-input-${instanceId}`;
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ...(0, _blockEditor.useBlockProps)({
       className: 'components-placeholder'
     })
-  }, (0, _element.createElement)("label", {
+  }, (0, _react.createElement)("label", {
     htmlFor: inputId,
     className: "components-placeholder__label"
-  }, (0, _element.createElement)(_icons.Icon, {
+  }, (0, _react.createElement)(_icons.Icon, {
     icon: _icons.shortcode
-  }), (0, _i18n.__)('Shortcode')), (0, _element.createElement)(_blockEditor.PlainText, {
+  }), (0, _i18n.__)('Shortcode')), (0, _react.createElement)(_blockEditor.PlainText, {
     className: "blocks-shortcode__textarea",
     id: inputId,
     value: attributes.text,

package/build/shortcode/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_blockEditor","_compose","_icons","ShortcodeEdit","attributes","setAttributes","instanceId","useInstanceId","inputId","_element","createElement","useBlockProps","className","htmlFor","Icon","icon","shortcode","__","PlainText","id","value","text","placeholder","onChange"],"sources":["@wordpress/block-library/src/shortcode/edit.js"],"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"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMe,SAASI,aAAaA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACtE,MAAMC,UAAU,GAAG,IAAAC,sBAAa,EAAEJ,aAAc,CAAC;EACjD,MAAMK,OAAO,GAAI,0BAA0BF,UAAY,EAAC;EAExD,OACC,IAAAG,QAAA,CAAAC,aAAA;IAAA,GAAU,IAAAC,0BAAa,EAAE;MAAEC,SAAS,EAAE;IAAyB,CAAE;EAAC,GACjE,IAAAH,QAAA,CAAAC,aAAA;IACCG,OAAO,EAAGL,OAAS;IACnBI,SAAS,EAAC;EAA+B,GAEzC,IAAAH,QAAA,CAAAC,aAAA,EAACR,MAAA,CAAAY,IAAI;IAACC,IAAI,EAAGC;EAAW,CAAE,CAAC,EACzB,IAAAC,QAAE,EAAE,WAAY,CACZ,CAAC,EACR,IAAAR,QAAA,CAAAC,aAAA,EAACV,YAAA,CAAAkB,SAAS;IACTN,SAAS,EAAC,4BAA4B;IACtCO,EAAE,EAAGX,OAAS;IACdY,KAAK,EAAGhB,UAAU,CAACiB,IAAM;IACzB,cAAa,IAAAJ,QAAE,EAAE,gBAAiB,CAAG;IACrCK,WAAW,EAAG,IAAAL,QAAE,EAAE,uBAAwB,CAAG;IAC7CM,QAAQ,EAAKF,IAAI,IAAMhB,aAAa,CAAE;MAAEgB;IAAK,CAAE;EAAG,CAClD,CACG,CAAC;AAER"}
+{"version":3,"names":["_i18n","require","_blockEditor","_compose","_icons","ShortcodeEdit","attributes","setAttributes","instanceId","useInstanceId","inputId","_react","createElement","useBlockProps","className","htmlFor","Icon","icon","shortcode","__","PlainText","id","value","text","placeholder","onChange"],"sources":["@wordpress/block-library/src/shortcode/edit.js"],"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"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMe,SAASI,aAAaA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACtE,MAAMC,UAAU,GAAG,IAAAC,sBAAa,EAAEJ,aAAc,CAAC;EACjD,MAAMK,OAAO,GAAI,0BAA0BF,UAAY,EAAC;EAExD,OACC,IAAAG,MAAA,CAAAC,aAAA;IAAA,GAAU,IAAAC,0BAAa,EAAE;MAAEC,SAAS,EAAE;IAAyB,CAAE;EAAC,GACjE,IAAAH,MAAA,CAAAC,aAAA;IACCG,OAAO,EAAGL,OAAS;IACnBI,SAAS,EAAC;EAA+B,GAEzC,IAAAH,MAAA,CAAAC,aAAA,EAACR,MAAA,CAAAY,IAAI;IAACC,IAAI,EAAGC;EAAW,CAAE,CAAC,EACzB,IAAAC,QAAE,EAAE,WAAY,CACZ,CAAC,EACR,IAAAR,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAkB,SAAS;IACTN,SAAS,EAAC,4BAA4B;IACtCO,EAAE,EAAGX,OAAS;IACdY,KAAK,EAAGhB,UAAU,CAACiB,IAAM;IACzB,cAAa,IAAAJ,QAAE,EAAE,gBAAiB,CAAG;IACrCK,WAAW,EAAG,IAAAL,QAAE,EAAE,uBAAwB,CAAG;IAC7CM,QAAQ,EAAKF,IAAI,IAAMhB,aAAa,CAAE;MAAEgB;IAAK,CAAE;EAAG,CAClD,CACG,CAAC;AAER"}

package/build/shortcode/edit.native.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ShortcodeEdit = ShortcodeEdit;
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _compose = require("@wordpress/compose");
+var _element = require("@wordpress/element");
 var _style = _interopRequireDefault(require("./style.scss"));
 /**
  * External dependencies
@@ -41,11 +42,11 @@ function ShortcodeEdit(props) {
   const onChange = (0, _element.useCallback)(text => setAttributes({
     text
   }), [setAttributes]);
-  return (0, _element.createElement)(_reactNative.View, null, (0, _element.createElement)(_reactNative.Text, {
+  return (0, _react.createElement)(_reactNative.View, null, (0, _react.createElement)(_reactNative.Text, {
     style: titleStyle
-  }, (0, _i18n.__)('Shortcode')), (0, _element.createElement)(_reactNative.View, {
+  }, (0, _i18n.__)('Shortcode')), (0, _react.createElement)(_reactNative.View, {
     style: shortcodeContainerStyle
-  }, (0, _element.createElement)(_blockEditor.PlainText, {
+  }, (0, _react.createElement)(_blockEditor.PlainText, {
     __experimentalVersion: 2,
     value: attributes.text,
     style: shortcodeStyle,

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_i18n","_blockEditor","_compose","_style","_interopRequireDefault","ShortcodeEdit","props","attributes","setAttributes","onFocus","onBlur","getStylesFromColorScheme","blockWidth","titleStyle","styles","blockTitle","blockTitleDark","shortcodeContainerStyle","blockShortcodeContainer","blockShortcodeContainerDark","shortcodeStyle","blockShortcode","blockShortcodeDark","placeholderStyle","placeholder","placeholderDark","maxWidth","paddingLeft","paddingRight","onChange","useCallback","text","createElement","View","Text","style","__","PlainText","__experimentalVersion","value","placeholderTextColor","color","disableAutocorrection","_default","withPreferredColorScheme","exports","default"],"sources":["@wordpress/block-library/src/shortcode/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { PlainText } from '@wordpress/block-editor';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport styles from './style.scss';\n\nexport function ShortcodeEdit( props ) {\n\tconst {\n\t\tattributes,\n\t\tsetAttributes,\n\t\tonFocus,\n\t\tonBlur,\n\t\tgetStylesFromColorScheme,\n\t\tblockWidth,\n\t} = props;\n\tconst titleStyle = getStylesFromColorScheme(\n\t\tstyles.blockTitle,\n\t\tstyles.blockTitleDark\n\t);\n\tconst shortcodeContainerStyle = getStylesFromColorScheme(\n\t\tstyles.blockShortcodeContainer,\n\t\tstyles.blockShortcodeContainerDark\n\t);\n\tconst shortcodeStyle = getStylesFromColorScheme(\n\t\tstyles.blockShortcode,\n\t\tstyles.blockShortcodeDark\n\t);\n\tconst placeholderStyle = getStylesFromColorScheme(\n\t\tstyles.placeholder,\n\t\tstyles.placeholderDark\n\t);\n\n\tconst maxWidth =\n\t\tblockWidth -\n\t\tshortcodeContainerStyle.paddingLeft +\n\t\tshortcodeContainerStyle.paddingRight;\n\n\tconst onChange = useCallback(\n\t\t( text ) => setAttributes( { text } ),\n\t\t[ setAttributes ]\n\t);\n\n\treturn (\n\t\t<View>\n\t\t\t<Text style={ titleStyle }>{ __( 'Shortcode' ) }</Text>\n\t\t\t<View style={ shortcodeContainerStyle }>\n\t\t\t\t<PlainText\n\t\t\t\t\t__experimentalVersion={ 2 }\n\t\t\t\t\tvalue={ attributes.text }\n\t\t\t\t\tstyle={ shortcodeStyle }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tplaceholder={ __( 'Add a shortcode…' ) }\n\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\tonBlur={ onBlur }\n\t\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t\t\tmaxWidth={ maxWidth }\n\t\t\t\t\tdisableAutocorrection\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( ShortcodeEdit );\n"],"mappings":";;;;;;;;AAWA,IAAAA,QAAA,GAAAC,OAAA;AARA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAOA,IAAAK,MAAA,GAAAC,sBAAA,CAAAN,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAIO,SAASO,aAAaA,CAAEC,KAAK,EAAG;EACtC,MAAM;IACLC,UAAU;IACVC,aAAa;IACbC,OAAO;IACPC,MAAM;IACNC,wBAAwB;IACxBC;EACD,CAAC,GAAGN,KAAK;EACT,MAAMO,UAAU,GAAGF,wBAAwB,CAC1CG,cAAM,CAACC,UAAU,EACjBD,cAAM,CAACE,cACR,CAAC;EACD,MAAMC,uBAAuB,GAAGN,wBAAwB,CACvDG,cAAM,CAACI,uBAAuB,EAC9BJ,cAAM,CAACK,2BACR,CAAC;EACD,MAAMC,cAAc,GAAGT,wBAAwB,CAC9CG,cAAM,CAACO,cAAc,EACrBP,cAAM,CAACQ,kBACR,CAAC;EACD,MAAMC,gBAAgB,GAAGZ,wBAAwB,CAChDG,cAAM,CAACU,WAAW,EAClBV,cAAM,CAACW,eACR,CAAC;EAED,MAAMC,QAAQ,GACbd,UAAU,GACVK,uBAAuB,CAACU,WAAW,GACnCV,uBAAuB,CAACW,YAAY;EAErC,MAAMC,QAAQ,GAAG,IAAAC,oBAAW,EACzBC,IAAI,IAAMvB,aAAa,CAAE;IAAEuB;EAAK,CAAE,CAAC,EACrC,CAAEvB,aAAa,CAChB,CAAC;EAED,OACC,IAAAX,QAAA,CAAAmC,aAAA,EAACjC,YAAA,CAAAkC,IAAI,QACJ,IAAApC,QAAA,CAAAmC,aAAA,EAACjC,YAAA,CAAAmC,IAAI;IAACC,KAAK,EAAGtB;EAAY,GAAG,IAAAuB,QAAE,EAAE,WAAY,CAAS,CAAC,EACvD,IAAAvC,QAAA,CAAAmC,aAAA,EAACjC,YAAA,CAAAkC,IAAI;IAACE,KAAK,EAAGlB;EAAyB,GACtC,IAAApB,QAAA,CAAAmC,aAAA,EAAC/B,YAAA,CAAAoC,SAAS;IACTC,qBAAqB,EAAG,CAAG;IAC3BC,KAAK,EAAGhC,UAAU,CAACwB,IAAM;IACzBI,KAAK,EAAGf,cAAgB;IACxBS,QAAQ,EAAGA,QAAU;IACrBL,WAAW,EAAG,IAAAY,QAAE,EAAE,kBAAmB,CAAG;IACxC3B,OAAO,EAAGA,OAAS;IACnBC,MAAM,EAAGA,MAAQ;IACjB8B,oBAAoB,EAAGjB,gBAAgB,CAACkB,KAAO;IAC/Cf,QAAQ,EAAGA,QAAU;IACrBgB,qBAAqB;EAAA,CACrB,CACI,CACD,CAAC;AAET;AAAC,IAAAC,QAAA,GAEc,IAAAC,iCAAwB,EAAEvC,aAAc,CAAC;AAAAwC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
+{"version":3,"names":["_reactNative","require","_i18n","_blockEditor","_compose","_element","_style","_interopRequireDefault","ShortcodeEdit","props","attributes","setAttributes","onFocus","onBlur","getStylesFromColorScheme","blockWidth","titleStyle","styles","blockTitle","blockTitleDark","shortcodeContainerStyle","blockShortcodeContainer","blockShortcodeContainerDark","shortcodeStyle","blockShortcode","blockShortcodeDark","placeholderStyle","placeholder","placeholderDark","maxWidth","paddingLeft","paddingRight","onChange","useCallback","text","_react","createElement","View","Text","style","__","PlainText","__experimentalVersion","value","placeholderTextColor","color","disableAutocorrection","_default","withPreferredColorScheme","exports","default"],"sources":["@wordpress/block-library/src/shortcode/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { PlainText } from '@wordpress/block-editor';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport styles from './style.scss';\n\nexport function ShortcodeEdit( props ) {\n\tconst {\n\t\tattributes,\n\t\tsetAttributes,\n\t\tonFocus,\n\t\tonBlur,\n\t\tgetStylesFromColorScheme,\n\t\tblockWidth,\n\t} = props;\n\tconst titleStyle = getStylesFromColorScheme(\n\t\tstyles.blockTitle,\n\t\tstyles.blockTitleDark\n\t);\n\tconst shortcodeContainerStyle = getStylesFromColorScheme(\n\t\tstyles.blockShortcodeContainer,\n\t\tstyles.blockShortcodeContainerDark\n\t);\n\tconst shortcodeStyle = getStylesFromColorScheme(\n\t\tstyles.blockShortcode,\n\t\tstyles.blockShortcodeDark\n\t);\n\tconst placeholderStyle = getStylesFromColorScheme(\n\t\tstyles.placeholder,\n\t\tstyles.placeholderDark\n\t);\n\n\tconst maxWidth =\n\t\tblockWidth -\n\t\tshortcodeContainerStyle.paddingLeft +\n\t\tshortcodeContainerStyle.paddingRight;\n\n\tconst onChange = useCallback(\n\t\t( text ) => setAttributes( { text } ),\n\t\t[ setAttributes ]\n\t);\n\n\treturn (\n\t\t<View>\n\t\t\t<Text style={ titleStyle }>{ __( 'Shortcode' ) }</Text>\n\t\t\t<View style={ shortcodeContainerStyle }>\n\t\t\t\t<PlainText\n\t\t\t\t\t__experimentalVersion={ 2 }\n\t\t\t\t\tvalue={ attributes.text }\n\t\t\t\t\tstyle={ shortcodeStyle }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tplaceholder={ __( 'Add a shortcode…' ) }\n\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\tonBlur={ onBlur }\n\t\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t\t\tmaxWidth={ maxWidth }\n\t\t\t\t\tdisableAutocorrection\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( ShortcodeEdit );\n"],"mappings":";;;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAMA,IAAAK,MAAA,GAAAC,sBAAA,CAAAN,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAIO,SAASO,aAAaA,CAAEC,KAAK,EAAG;EACtC,MAAM;IACLC,UAAU;IACVC,aAAa;IACbC,OAAO;IACPC,MAAM;IACNC,wBAAwB;IACxBC;EACD,CAAC,GAAGN,KAAK;EACT,MAAMO,UAAU,GAAGF,wBAAwB,CAC1CG,cAAM,CAACC,UAAU,EACjBD,cAAM,CAACE,cACR,CAAC;EACD,MAAMC,uBAAuB,GAAGN,wBAAwB,CACvDG,cAAM,CAACI,uBAAuB,EAC9BJ,cAAM,CAACK,2BACR,CAAC;EACD,MAAMC,cAAc,GAAGT,wBAAwB,CAC9CG,cAAM,CAACO,cAAc,EACrBP,cAAM,CAACQ,kBACR,CAAC;EACD,MAAMC,gBAAgB,GAAGZ,wBAAwB,CAChDG,cAAM,CAACU,WAAW,EAClBV,cAAM,CAACW,eACR,CAAC;EAED,MAAMC,QAAQ,GACbd,UAAU,GACVK,uBAAuB,CAACU,WAAW,GACnCV,uBAAuB,CAACW,YAAY;EAErC,MAAMC,QAAQ,GAAG,IAAAC,oBAAW,EACzBC,IAAI,IAAMvB,aAAa,CAAE;IAAEuB;EAAK,CAAE,CAAC,EACrC,CAAEvB,aAAa,CAChB,CAAC;EAED,OACC,IAAAwB,MAAA,CAAAC,aAAA,EAACpC,YAAA,CAAAqC,IAAI,QACJ,IAAAF,MAAA,CAAAC,aAAA,EAACpC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAGvB;EAAY,GAAG,IAAAwB,QAAE,EAAE,WAAY,CAAS,CAAC,EACvD,IAAAL,MAAA,CAAAC,aAAA,EAACpC,YAAA,CAAAqC,IAAI;IAACE,KAAK,EAAGnB;EAAyB,GACtC,IAAAe,MAAA,CAAAC,aAAA,EAACjC,YAAA,CAAAsC,SAAS;IACTC,qBAAqB,EAAG,CAAG;IAC3BC,KAAK,EAAGjC,UAAU,CAACwB,IAAM;IACzBK,KAAK,EAAGhB,cAAgB;IACxBS,QAAQ,EAAGA,QAAU;IACrBL,WAAW,EAAG,IAAAa,QAAE,EAAE,kBAAmB,CAAG;IACxC5B,OAAO,EAAGA,OAAS;IACnBC,MAAM,EAAGA,MAAQ;IACjB+B,oBAAoB,EAAGlB,gBAAgB,CAACmB,KAAO;IAC/ChB,QAAQ,EAAGA,QAAU;IACrBiB,qBAAqB;EAAA,CACrB,CACI,CACD,CAAC;AAET;AAAC,IAAAC,QAAA,GAEc,IAAAC,iCAAwB,EAAExC,aAAc,CAAC;AAAAyC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/shortcode/save.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
+var _react = require("react");
 var _element = require("@wordpress/element");
 /**
  * WordPress dependencies
@@ -12,6 +13,6 @@ var _element = require("@wordpress/element");
 function save({
   attributes
 }) {
-  return (0, _element.createElement)(_element.RawHTML, null, attributes.text);
+  return (0, _react.createElement)(_element.RawHTML, null, attributes.text);
 }
 //# sourceMappingURL=save.js.map

package/build/shortcode/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","save","attributes","createElement","RawHTML","text"],"sources":["@wordpress/block-library/src/shortcode/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\n\nexport default function save( { attributes } ) {\n\treturn <RawHTML>{ attributes.text }</RawHTML>;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,OAAO,IAAAH,QAAA,CAAAI,aAAA,EAACJ,QAAA,CAAAK,OAAO,QAAGF,UAAU,CAACG,IAAe,CAAC;AAC9C"}
+{"version":3,"names":["_element","require","save","attributes","_react","createElement","RawHTML","text"],"sources":["@wordpress/block-library/src/shortcode/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\n\nexport default function save( { attributes } ) {\n\treturn <RawHTML>{ attributes.text }</RawHTML>;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACL,QAAA,CAAAM,OAAO,QAAGH,UAAU,CAACI,IAAe,CAAC;AAC9C"}