44 lines
1017 B
JavaScript
44 lines
1017 B
JavaScript
|
import PropTypes from 'prop-types';
|
||
|
|
|
||
|
|
import { __ } from '@wordpress/i18n';
|
||
|
|
const { Component } = wp.element;
|
||
|
|
const { TextareaControl } = wp.components;
|
||
|
|
|
||
|
|
class TextareaComponent extends Component {
|
||
|
|
constructor(props) {
|
||
|
|
super( props );
|
||
|
|
let value = props.control.setting.get();
|
||
|
|
this.state = {
|
||
|
|
value
|
||
|
|
};
|
||
|
|
this.defaultValue = props.control.params.default || '';
|
||
|
|
this.updateValues = this.updateValues.bind( this );
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
return (
|
||
|
|
<div className="kadence-control-field kadence-text-control">
|
||
|
|
<TextareaControl
|
||
|
|
label={ this.props.control.params.label ? this.props.control.params.label : undefined }
|
||
|
|
value={ this.state.value }
|
||
|
|
onChange={ (value) => {
|
||
|
|
this.updateValues( value );
|
||
|
|
} }
|
||
|
|
/>
|
||
|
|
{ this.props.control.renderNotice() }
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
updateValues(value) {
|
||
|
|
this.setState( { value: value } );
|
||
|
|
this.props.control.setting.set( value );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
TextareaComponent.propTypes = {
|
||
|
|
control: PropTypes.object.isRequired
|
||
|
|
};
|
||
|
|
|
||
|
|
export default TextareaComponent;
|