@kedao/editor/lib/components/business/PlayerModal/index.js

Rich Text Editor Based On Draft.js

import React from 'react';
import PropTypes from 'prop-types';
import { showModal } from '../../common/Modal';
import './style.scss';
const playViaModal = (title, component, language) => showModal({
    title,
    component,
    language,
    showFooter: false
});
const typeIconsMap = {
    video: 'bfi-film',
    audio: 'bfi-music',
    embed: 'bfi-code'
};
const PlayerModal = ({ title, type, language, name, url, poster, children, onRemove }) => {
    return (React.createElement("div", { className: `bf-player-holder ${type}` },
        React.createElement("div", { className: "icon-badge" },
            React.createElement("i", { className: typeIconsMap[type] }),
            React.createElement("span", { className: "text" }, language.media[type])),
        React.createElement("button", { onMouseDown: onRemove, className: "button-remove" },
            React.createElement("i", { className: "bfi-close" })),
        React.createElement("button", { onMouseDown: () => playViaModal(name ? `${title}:${name}` : title, children, language), className: "button-play" },
            React.createElement("i", { className: "bfi-play_arrow" })),
        name ? React.createElement("h5", { className: "bf-name" }, name) : null,
        React.createElement("h6", { className: "bf-url" }, url),
        poster
            ? (React.createElement("div", { className: "bf-poster", style: { backgroundImage: `url(${poster})` } }))
            : null));
};
PlayerModal.propTypes = {
    title: PropTypes.any,
    type: PropTypes.any,
    language: PropTypes.any,
    name: PropTypes.any,
    url: PropTypes.any,
    poster: PropTypes.any,
    children: PropTypes.any,
    onRemove: PropTypes.any
};
export default PlayerModal;
//# sourceMappingURL=index.js.map