ld-color-picker/src/color/ColorModal.js

Last Draft color-picker plugin

import React, {Component} from 'react'
import ReactDOM from 'react-dom'
import styled from 'styled-components'
import Picker from './Picker'
import {RichUtils} from 'draft-js'

export default class extends Component {
  setColor (color) {
    const { editorState, onChange } = this.props

    const currentStyle = editorState.getCurrentInlineStyle()
    if (!currentStyle.has(color)) {
      const safeName = color.replace('#', '');
      const newState = RichUtils.toggleInlineStyle(editorState, `color-${safeName}`);
      onChange(newState)
      this.props.closeModal()
    }
  }

  render () {
    return (
      <Wrapper className='ld-color-picker-modal-wrapper'>
        <Picker onSelected={::this.setColor} closeModal={this.props.closeModal} />
      </Wrapper>
    )
  }
}

const Wrapper = styled.div`
  width: 260px;
  position: relative;
  background-color: inherit;
`