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

plotly.js chart editor react component UI

import{Component}from"react";import PropTypes from"prop-types";import classnames from"classnames";import{jsx as _jsx}from"react/jsx-runtime";class StyleButton extends Component{constructor(props){super(props);this.onToggle=this.onToggle.bind(this)}onToggle(ev){ev.preventDefault();this.props.onToggle(this.props.value)}render(){const{active,label,value}=this.props;const className=classnames("rich-text-editor__styleButton",`rich-text-editor__styleButton__${value}`,{"rich-text-editor__styleButton--active":active});return _jsx("span",{className:"rich-text-editor__styleButton__wrapper",children:_jsx("span",{className:className,onMouseDown:this.onToggle,"data-role":"button","data-pressed":active,children:label})})}}StyleButton.propTypes={active:PropTypes.bool,label:PropTypes.element.isRequired,onToggle:PropTypes.func.isRequired,value:PropTypes.string.isRequired};export default StyleButton;
//# sourceMappingURL=StyleButton.js.map