@kedao/editor/lib/components/common/ColorPicker/index.js

Rich Text Editor Based On Draft.js

import React from 'react';
import PropTypes from 'prop-types';
import { v4 as uuidv4 } from 'uuid';
import './style.scss';
const ColorPicker = (props) => (React.createElement("div", { className: "bf-colors-wrap" },
    React.createElement("ul", { className: "bf-colors" }, props.presetColors.map((item) => {
        const className = props.color && item.toLowerCase() === props.color.toLowerCase()
            ? 'color-item active'
            : 'color-item';
        return (React.createElement("li", { role: "presentation", key: uuidv4(), title: item, className: className, style: { color: item }, "data-color": item.replace('#', ''), onClick: (e) => {
                props.onChange(e.currentTarget.dataset.color, true);
            } }));
    }))));
ColorPicker.propTypes = {
    onChange: PropTypes.any,
    color: PropTypes.any,
    presetColors: PropTypes.any,
    hooks: PropTypes.any,
    editorState: PropTypes.any,
    colorPicker: PropTypes.any,
    autoHide: PropTypes.any,
    theme: PropTypes.any,
    getContainerNode: PropTypes.any,
    enableBackgroundColor: PropTypes.any
};
export default ColorPicker;
//# sourceMappingURL=index.js.map