diff options
Diffstat (limited to 'plugins/jetpack/extensions/blocks/contact-info/address/edit.js')
-rw-r--r-- | plugins/jetpack/extensions/blocks/contact-info/address/edit.js | 125 |
1 files changed, 0 insertions, 125 deletions
diff --git a/plugins/jetpack/extensions/blocks/contact-info/address/edit.js b/plugins/jetpack/extensions/blocks/contact-info/address/edit.js deleted file mode 100644 index 4618f686..00000000 --- a/plugins/jetpack/extensions/blocks/contact-info/address/edit.js +++ /dev/null @@ -1,125 +0,0 @@ -/** - * External dependencies - */ -import classnames from 'classnames'; -import { __ } from '@wordpress/i18n'; -import { Component, Fragment } from '@wordpress/element'; -import { PlainText } from '@wordpress/editor'; -import { ToggleControl } from '@wordpress/components'; - -/** - * Internal dependencies - */ -import save from './save'; - -class AddressEdit extends Component { - constructor( ...args ) { - super( ...args ); - - this.preventEnterKey = this.preventEnterKey.bind( this ); - } - - preventEnterKey( event ) { - if ( event.key === 'Enter' ) { - event.preventDefault(); - return; - } - } - - render() { - const { - attributes: { - address, - addressLine2, - addressLine3, - city, - region, - postal, - country, - linkToGoogleMaps, - }, - isSelected, - setAttributes, - } = this.props; - - const hasContent = [ address, addressLine2, addressLine3, city, region, postal, country ].some( - value => value !== '' - ); - const classNames = classnames( { - 'jetpack-address-block': true, - 'is-selected': isSelected, - } ); - - const externalLink = ( - <ToggleControl - label={ __( 'Link address to Google Maps', 'jetpack' ) } - checked={ linkToGoogleMaps } - onChange={ newlinkToGoogleMaps => - setAttributes( { linkToGoogleMaps: newlinkToGoogleMaps } ) - } - /> - ); - - return ( - <div className={ classNames }> - { ! isSelected && hasContent && save( this.props ) } - { ( isSelected || ! hasContent ) && ( - <Fragment> - <PlainText - value={ address } - placeholder={ __( 'Street Address', 'jetpack' ) } - aria-label={ __( 'Street Address', 'jetpack' ) } - onChange={ newAddress => setAttributes( { address: newAddress } ) } - onKeyDown={ this.preventEnterKey } - /> - <PlainText - value={ addressLine2 } - placeholder={ __( 'Address Line 2', 'jetpack' ) } - aria-label={ __( 'Address Line 2', 'jetpack' ) } - onChange={ newAddressLine2 => setAttributes( { addressLine2: newAddressLine2 } ) } - onKeyDown={ this.preventEnterKey } - /> - <PlainText - value={ addressLine3 } - placeholder={ __( 'Address Line 3', 'jetpack' ) } - aria-label={ __( 'Address Line 3', 'jetpack' ) } - onChange={ newAddressLine3 => setAttributes( { addressLine3: newAddressLine3 } ) } - onKeyDown={ this.preventEnterKey } - /> - <PlainText - value={ city } - placeholder={ __( 'City', 'jetpack' ) } - aria-label={ __( 'City', 'jetpack' ) } - onChange={ newCity => setAttributes( { city: newCity } ) } - onKeyDown={ this.preventEnterKey } - /> - <PlainText - value={ region } - placeholder={ __( 'State/Province/Region', 'jetpack' ) } - aria-label={ __( 'State/Province/Region', 'jetpack' ) } - onChange={ newRegion => setAttributes( { region: newRegion } ) } - onKeyDown={ this.preventEnterKey } - /> - <PlainText - value={ postal } - placeholder={ __( 'Postal/Zip Code', 'jetpack' ) } - aria-label={ __( 'Postal/Zip Code', 'jetpack' ) } - onChange={ newPostal => setAttributes( { postal: newPostal } ) } - onKeyDown={ this.preventEnterKey } - /> - <PlainText - value={ country } - placeholder={ __( 'Country', 'jetpack' ) } - aria-label={ __( 'Country', 'jetpack' ) } - onChange={ newCountry => setAttributes( { country: newCountry } ) } - onKeyDown={ this.preventEnterKey } - /> - { externalLink } - </Fragment> - ) } - </div> - ); - } -} - -export default AddressEdit; |