@guestbell/react-page-plugins
Version:
Plugins we use in GuestBell for working with amazing react-page package
24 lines • 1.23 kB
JavaScript
import * as React from 'react';
import { useSlate } from 'slate-react';
import { addAlignmentStyles } from '../../../slate/plugins/alignment';
import { addColorStyles } from '../../../slate/plugins/color';
import { Emphasize } from '../../../slate/plugins/emphasize/Emphasize';
import { addFontSizeStyles } from '../../../slate/plugins/fontSize';
import { Heading } from '../../../slate/plugins/heading';
import { Link } from '../../../slate/plugins/links';
import { List } from '../../../slate/plugins/lists';
import { Paragraph } from '../../../slate/plugins/paragraph/Paragraph';
import { Quote } from '../../../slate/plugins/quote';
export var renderElement = function renderElement(props) {
var element = props.element;
var editor = useSlate();
var comp = Link(props) || Heading(props) || List(props) || Quote(props) || Paragraph(props);
return addFontSizeStyles(editor.fontSizeConfig, element, addAlignmentStyles(element, comp));
};
export var renderLeaf = function renderLeaf(props) {
var attributes = props.attributes,
leaf = props.leaf;
var children = /*#__PURE__*/React.createElement("span", attributes, Emphasize(props));
return addColorStyles(leaf, children);
};
//# sourceMappingURL=Components.js.map