@figlinq/react-chart-editor
Version:
plotly.js chart editor react component UI
2 lines • 1.02 kB
JavaScript
import{Component}from"react";import PropTypes from"prop-types";import StyleButton from"./StyleButton";import{LINK}from"./configuration";import{jsx as _jsx}from"react/jsx-runtime";class StyleButtonGroup extends Component{render(){const{currentStyle,linkIsSelected,styles,onToggle}=this.props;const isActive=(currentStyle,value)=>{if(value===LINK){return linkIsSelected}if(typeof currentStyle.has==="function"){return currentStyle.has(value)}return Boolean(currentStyle.value)};return _jsx("div",{className:"rich-text-editor__controls",children:styles.map(_ref=>{let{label,value}=_ref;return _jsx(StyleButton,{active:isActive(currentStyle,value),label:label,onToggle:onToggle,value:value},value)})})}}StyleButtonGroup.propTypes={onToggle:PropTypes.func.isRequired,styles:PropTypes.arrayOf(PropTypes.shape({label:PropTypes.element.isRequired,value:PropTypes.string.isRequired})).isRequired,currentStyle:PropTypes.object,linkIsSelected:PropTypes.bool};export default StyleButtonGroup;
//# sourceMappingURL=StyleButtonGroup.js.map