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

plotly.js chart editor react component UI

import TextArea from"../TextArea";import PropTypes from"prop-types";import{isLaTeXExpr as isWrapped}from"./convertFormats";import{jsx as _jsx}from"react/jsx-runtime";export default class LaTeX extends TextArea{constructor(props){super(props);const unwrappedValue=this.unwrap(props.value);this.state={value:unwrappedValue};this.onChange=this.onChange.bind(this);this.onBlur=this.onBlur.bind(this)}UNSAFE_componentWillReceiveProps(nextProps){const unwrappedNextValue=this.unwrap(nextProps.value);if(unwrappedNextValue!==this.state.value){this.setState({value:unwrappedNextValue})}}unwrap(value){if(isWrapped(value)){return value.substr(1,value.length-2)}return value}wrap(value){if(!isWrapped(value)){return`$${value}$`}return value}onChange(e){this.setState({value:e.target.value})}onBlur(e){const value=this.wrap(e.target.value);this.props.onChange(value)}render(){const{className}=this.props;const editorClassNames=className?className:"text-editor__latex";return _jsx("textarea",{value:this.state.value,placeholder:this.props.placeholder,onChange:this.onChange,onBlur:this.onBlur,className:editorClassNames})}}LaTeX.propTypes={className:PropTypes.string,onChange:PropTypes.func.isRequired,placeholder:PropTypes.string,value:PropTypes.string};LaTeX.defaultProps={value:"",placeholder:""};
//# sourceMappingURL=LaTeX.js.map