@figlinq/react-chart-editor/lib/components/widgets/TextArea.js

plotly.js chart editor react component UI

import{Component}from"react";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";export default class TextArea extends Component{constructor(props){super(props);this.state={value:this.props.value};this.onChange=this.onChange.bind(this)}UNSAFE_componentWillReceiveProps(nextProps){if(nextProps.value!==this.state.value){this.setState({value:nextProps.value})}}onChange(e){const newValue=e.target.value;this.setState({value:newValue});this.props.onChange(newValue)}render(){return _jsx("textarea",{value:this.state.value,rows:this.props.visibleRows,cols:this.props.areaWidth,placeholder:this.props.placeholder,onChange:this.onChange,className:this.props.textareaClass})}}TextArea.propTypes={value:PropTypes.string.isRequired,onChange:PropTypes.func.isRequired,placeholder:PropTypes.string.isRequired,visibleRows:PropTypes.number,areaWidth:PropTypes.number,textareaClass:PropTypes.string};TextArea.defaultProps={visibleRows:10,areaWidth:30};
//# sourceMappingURL=TextArea.js.map