react-email-builder/lib/blocks/divider/index.js

A simple React drag and drop email builder.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.dividerBlock = void 0;
const react_1 = __importDefault(require("react"));
const Icon_1 = require("../../components/Icon");
const DividerBlock_1 = require("./DividerBlock");
const DividerBlockEditor_1 = require("./DividerBlockEditor");
const mjml_1 = require("../../utils/mjml");
function dividerBlock() {
    return {
        type: 'divider',
        name: 'Divider',
        icon: react_1.default.createElement(Icon_1.Icon, { name: 'divider' }),
        createBlock: (base) => {
            const block = base;
            block.attrs = { height: 1, type: 'solid', color: '#EEEEEE' };
            return block;
        },
        blockComponent: DividerBlock_1.DividerBlock,
        editorComponent: DividerBlockEditor_1.DividerBlockEditor,
        renderMJML: (block) => {
            const { attrs } = block;
            return (0, mjml_1.renderTag)('mj-divider', {
                attrs: (0, mjml_1.createBlockAttrs)(block, {
                    'border-color': (0, mjml_1.color)(attrs.color) || '#EEEEEE',
                    'border-width': (attrs.height || 1) + 'px',
                    'border-style': attrs.type || 'solid'
                })
            });
        }
    };
}
exports.dividerBlock = dividerBlock;