@kedao/editor/lib/renderers/atomics/Audio/index.js

Rich Text Editor Based On Draft.js

import React from 'react';
import PropTypes from 'prop-types';
import { ContentUtils } from '@kedao/utils';
import PlayerModal from '../../../components/business/PlayerModal';
import './style.scss';
const Audio = ({ mediaData, language, editor, editorState, block }) => {
    const { url, name, meta } = mediaData;
    const removeAudio = () => {
        editor.setValue(ContentUtils.removeBlock(editorState, block));
    };
    return (React.createElement("div", { className: "bf-audio-wrap" },
        React.createElement(PlayerModal, { type: "audio", onRemove: removeAudio, poster: meta ? meta.poster || '' : '', language: language, url: url, name: name, title: language.audioPlayer.title },
            React.createElement("div", { className: "bf-audio-player" },
                React.createElement("audio", { controls: true, src: url })))));
};
Audio.propTypes = {
    mediaData: PropTypes.any,
    language: PropTypes.any,
    editor: PropTypes.any,
    editorState: PropTypes.any,
    block: PropTypes.any
};
export default Audio;
//# sourceMappingURL=index.js.map