kedao/lib/components/ColorPicker/index.js

Rich Text Editor Based On Draft.js

import { classNameParser } from '../../utils/style';
import React from 'react';
import styles from "./style.module.css";
const cls = classNameParser(styles);
const ColorPicker = ({ presetColors, color, onChange }) => (React.createElement("div", { className: cls('kedao-colors-wrap') },
    React.createElement("ul", { className: cls('kedao-colors') }, presetColors.map((item) => {
        const className = color && item.toLowerCase() === color.toLowerCase()
            ? 'color-item active'
            : 'color-item';
        return (React.createElement("li", { role: "presentation", key: item, title: item, className: cls(className), style: { color: item }, "data-color": item.replace('#', ''), onClick: (e) => {
                onChange(e.currentTarget.dataset.color, true);
            } }));
    }))));
export default ColorPicker;