@wulperstudio/editor-render 0.0.4-beta → 0.0.6-beta

package/dist/cjs/index.js

@@ -62,34 +62,24 @@ function requireReactJsxRuntime_development () {
 
 	var React = require$$0__default["default"];
 
-	// -----------------------------------------------------------------------------
-
-	var enableScopeAPI = false; // Experimental Create Event Handle API.
-	var enableCacheElement = false;
-	var enableTransitionTracing = false; // No known bugs, but needs performance testing
-
-	var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
-	// stuff. Intended to enable React core members to more easily debug scheduling
-	// issues in DEV builds.
-
-	var enableDebugTracing = false; // Track which Fiber(s) schedule render work.
-
 	// ATTENTION
-
-	var REACT_ELEMENT_TYPE =  Symbol.for('react.element');
-	var REACT_PORTAL_TYPE =  Symbol.for('react.portal');
-	var REACT_FRAGMENT_TYPE =  Symbol.for('react.fragment');
-	var REACT_STRICT_MODE_TYPE =  Symbol.for('react.strict_mode');
-	var REACT_PROFILER_TYPE =  Symbol.for('react.profiler');
-	var REACT_PROVIDER_TYPE =  Symbol.for('react.provider');
-	var REACT_CONTEXT_TYPE =  Symbol.for('react.context');
-	var REACT_FORWARD_REF_TYPE =  Symbol.for('react.forward_ref');
-	var REACT_SUSPENSE_TYPE =  Symbol.for('react.suspense');
-	var REACT_SUSPENSE_LIST_TYPE =  Symbol.for('react.suspense_list');
-	var REACT_MEMO_TYPE =  Symbol.for('react.memo');
-	var REACT_LAZY_TYPE =  Symbol.for('react.lazy');
-	var REACT_OFFSCREEN_TYPE =  Symbol.for('react.offscreen');
-	var MAYBE_ITERATOR_SYMBOL =  Symbol.iterator;
+	// When adding new symbols to this file,
+	// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+	// The Symbol used to tag the ReactElement-like types.
+	var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+	var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+	var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+	var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+	var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+	var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+	var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+	var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+	var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+	var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+	var REACT_MEMO_TYPE = Symbol.for('react.memo');
+	var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+	var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+	var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 	var FAUX_ITERATOR_SYMBOL = '@@iterator';
 	function getIteratorFn(maybeIterable) {
 	  if (maybeIterable === null || typeof maybeIterable !== 'object') {
@@ -144,6 +134,18 @@ function requireReactJsxRuntime_development () {
 	  }
 	}
 
+	// -----------------------------------------------------------------------------
+
+	var enableScopeAPI = false; // Experimental Create Event Handle API.
+	var enableCacheElement = false;
+	var enableTransitionTracing = false; // No known bugs, but needs performance testing
+
+	var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
+	// stuff. Intended to enable React core members to more easily debug scheduling
+	// issues in DEV builds.
+
+	var enableDebugTracing = false; // Track which Fiber(s) schedule render work.
+
 	var REACT_MODULE_REFERENCE;
 
 	{
@@ -1774,7 +1776,7 @@ var getFlexBasis = function (columns, gap) {
     return '100%';
 };
 
-var RecursiveNode = function (domNode, idx) {
+var RecursiveNodeBase = function (domNode, idx) {
     if (!('name' in domNode))
         return null;
     if (!('children' in domNode))
@@ -1782,273 +1784,188 @@ var RecursiveNode = function (domNode, idx) {
     var name = domNode.name, children = domNode.children, attribs = domNode.attribs;
     if (name === 'code') {
         return (jsxRuntime.exports.jsx(InlineCode, tslib.__assign({ id: ForkIdWithType(idx, 'code') }, { children: Parse.domToReact(children, {
-                replace: function (domNode) { return RecursiveNode(domNode, idx); },
+                replace: function (domNode) { return RecursiveNodeBase(domNode, idx); },
             }) })));
     }
     if (name === 'b') {
         return (jsxRuntime.exports.jsx(Bold, tslib.__assign({ id: ForkIdWithType(idx, 'bold') }, { children: Parse.domToReact(children, {
-                replace: function (domNode) { return RecursiveNode(domNode, idx); },
+                replace: function (domNode) { return RecursiveNodeBase(domNode, idx); },
             }) })));
     }
     if (name === 'i') {
         return (jsxRuntime.exports.jsx(Italic, tslib.__assign({ id: ForkIdWithType(idx, 'italic') }, { children: Parse.domToReact(children, {
-                replace: function (domNode) { return RecursiveNode(domNode, idx); },
+                replace: function (domNode) { return RecursiveNodeBase(domNode, idx); },
             }) })));
     }
     if (name === 'mark') {
         return (jsxRuntime.exports.jsx(Marker, tslib.__assign({ id: ForkIdWithType(idx, 'marker') }, { children: Parse.domToReact(children, {
-                replace: function (domNode) { return RecursiveNode(domNode, idx); },
+                replace: function (domNode) { return RecursiveNodeBase(domNode, idx); },
             }) })));
     }
     if (name === 'a') {
         return (jsxRuntime.exports.jsx(Anchor, tslib.__assign({ id: ForkIdWithType(idx, 'anchor'), href: attribs === null || attribs === void 0 ? void 0 : attribs.href, rel: "noopener noreferrer", target: "_blank" }, { children: Parse.domToReact(children, {
-                replace: function (domNode) { return RecursiveNode(domNode, idx); },
+                replace: function (domNode) { return RecursiveNodeBase(domNode, idx); },
             }) })));
     }
     return null;
 };
-var getRecursiveNode = function (html, id) {
+var RecursiveNode = function (_a) {
+    var html = _a.html, id = _a.id;
     var purified = PurifyHtml(html);
-    return Parse__default["default"](purified, {
-        replace: function (domNode) { return RecursiveNode(domNode, id); },
-    });
+    return (jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, { children: Parse__default["default"](purified, {
+            replace: function (domNode) { return RecursiveNodeBase(domNode, id); },
+        }) }));
 };
 
 var ParagraphNode = function (_a) {
-    var type = _a.type, data = _a.data, id = _a.id;
+    var type = _a.type, data = _a.data, id = _a.id, Container$1 = _a.Container, Paragraph$1 = _a.Paragraph;
     var text = data.text;
-    return (jsxRuntime.exports.jsx(Container, { children: jsxRuntime.exports.jsx(Paragraph, tslib.__assign({ id: ForkIdWithType(id, type) }, { children: getRecursiveNode(text, id) })) }, id));
+    return (jsxRuntime.exports.jsx(Container, tslib.__assign({}, Container$1, { children: jsxRuntime.exports.jsx(Paragraph, tslib.__assign({ id: ForkIdWithType(id, type) }, Paragraph$1, { children: jsxRuntime.exports.jsx(RecursiveNode, { html: text, id: id }) })) }), id));
 };
 
 var HeaderNode = function (_a) {
-    var type = _a.type, data = _a.data, id = _a.id;
+    var type = _a.type, data = _a.data, id = _a.id, Container$1 = _a.Container, Header$1 = _a.Header;
     var text = data.text;
-    return (jsxRuntime.exports.jsx(Container, { children: jsxRuntime.exports.jsx(Header, tslib.__assign({ id: ForkIdWithType(id, type), level: data.level }, { children: getRecursiveNode(text, id) })) }, id));
+    return (jsxRuntime.exports.jsx(Container, tslib.__assign({}, Container$1, { children: jsxRuntime.exports.jsx(Header, tslib.__assign({ id: ForkIdWithType(id, type), level: data.level }, Header$1, { children: jsxRuntime.exports.jsx(RecursiveNode, { html: text, id: id }) })) }), id));
 };
 
 // SizeTypes = 'one-column' | 'two-columns' | 'three-columns';
-var RegExpTest = function (input) { return RegExp(/(.*):(.*)/).test(input); };
 var DEFAULT_GAP$1 = 20;
 var ListNode = function (_a) {
-    var type = _a.type, data = _a.data, id = _a.id, tunes = _a.tunes;
+    var type = _a.type, data = _a.data, id = _a.id, tunes = _a.tunes, List$1 = _a.List, Item = _a.Item;
     var style = data.style;
-    return (jsxRuntime.exports.jsx(Container, { children: jsxRuntime.exports.jsx(List, tslib.__assign({ id: ForkIdWithType(id, type), sx: {
-                display: 'flex',
-                flexWrap: 'wrap',
-                gap: "".concat(DEFAULT_GAP$1, "px"),
-            } }, { children: data.items.map(function (item, idx) {
+    return (jsxRuntime.exports.jsx(Container, { children: jsxRuntime.exports.jsx(List, tslib.__assign({ id: ForkIdWithType(id, type) }, List$1, { sx: tslib.__assign({ display: 'flex', flexWrap: 'wrap', gap: "".concat(DEFAULT_GAP$1, "px") }, List$1 === null || List$1 === void 0 ? void 0 : List$1.sx) }, { children: data.items.map(function (item, idx) {
                 var _a, _b;
-                var text = getRecursiveNode(item, id);
-                var strChilds = [];
-                var nodeChilds = [];
-                var reg = 0;
-                if (typeof text === 'string') {
-                    strChilds = text.split(/:(.*)/s);
-                }
-                if (typeof text !== 'string') {
-                    if (Array.isArray(text)) {
-                        nodeChilds = text.map(function (child) {
-                            if (typeof child !== 'string') {
-                                var isValid = RegExpTest(child.props.children);
-                                if (isValid && reg === 0) {
-                                    reg = 1;
-                                    return tslib.__assign(tslib.__assign({}, child), { props: tslib.__assign(tslib.__assign({}, child.props), { children: [
-                                                "".concat(child.props.children.split(/:(.*)/s)[0]),
-                                                jsxRuntime.exports.jsx("br", {}, "".concat(child.props.children, "-br")),
-                                            ] }) });
-                                }
-                                return child;
-                            }
-                            return child;
-                        });
-                    }
-                }
-                return (jsxRuntime.exports.jsxs(ListItem, tslib.__assign({ sx: tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({ padding: '20px', borderRadius: '25px', backgroundColor: function (_) { return _.palette.background.default; }, border: '1px solid #EFF3FE', display: 'flex', flexWrap: 'nowrap', alignItems: 'center', columnGap: '5px', flexGrow: 0 }, (style === 'ordered' && {
+                return (jsxRuntime.exports.jsxs(ListItem, tslib.__assign({}, Item, { sx: tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({ padding: '20px', borderRadius: '25px', backgroundColor: function (_) { return _.palette.background.default; }, border: '1px solid #EFF3FE', display: 'flex', flexWrap: 'nowrap', alignItems: 'center', columnGap: '5px', flexGrow: 0 }, (style === 'ordered' && {
                         alignItems: 'center',
                         boxShadow: '0px 4px 25px rgba(0, 0, 0, 0.05)',
                     })), { flexBasis: getFlexBasis(1, DEFAULT_GAP$1) }), (((_a = tunes === null || tunes === void 0 ? void 0 : tunes.columnTune) === null || _a === void 0 ? void 0 : _a.size) === 'two-columns' && {
                         flexBasis: getFlexBasis(2, DEFAULT_GAP$1),
                     })), (((_b = tunes === null || tunes === void 0 ? void 0 : tunes.columnTune) === null || _b === void 0 ? void 0 : _b.size) === 'three-columns' && {
                         flexBasis: getFlexBasis(3, DEFAULT_GAP$1),
-                    })) }, { children: [jsxRuntime.exports.jsx(CheckBox, { checked: true, sx: {
+                    })), Item === null || Item === void 0 ? void 0 : Item.sx) }, { children: [jsxRuntime.exports.jsx(CheckBox, { checked: true, sx: {
                                 padding: '5px',
-                            } }), jsxRuntime.exports.jsx(material.Box, { children: jsxRuntime.exports.jsxs(Paragraph, { children: [strChilds === null || strChilds === void 0 ? void 0 : strChilds.map(function (child) { return child; }), nodeChilds === null || nodeChilds === void 0 ? void 0 : nodeChilds.map(function (child) { return child; })] }) })] }), idx));
+                            } }), jsxRuntime.exports.jsx(material.Box, { children: jsxRuntime.exports.jsx(Paragraph, { children: jsxRuntime.exports.jsx(RecursiveNode, { html: item, id: id }) }) })] }), idx));
             }) })) }, id));
 };
 
 var ImageNode = function (_a) {
-    var type = _a.type, data = _a.data, id = _a.id;
+    var type = _a.type, data = _a.data, id = _a.id, Container$1 = _a.Container, Image$1 = _a.Image;
     var url = data.url, caption = data.caption, withBorder = data.withBorder, stretched = data.stretched, withBackground = data.withBackground;
-    return (jsxRuntime.exports.jsx(Container, tslib.__assign({ stretched: stretched }, { children: jsxRuntime.exports.jsx(Image, { id: ForkIdWithType(id, type), src: url, alt: caption, caption: caption, withBorder: withBorder, stretched: stretched, withBackground: withBackground }, ForkIdWithType(id, type)) }), id));
+    return (jsxRuntime.exports.jsx(Container, tslib.__assign({ stretched: stretched }, Container$1, { children: jsxRuntime.exports.jsx(Image, tslib.__assign({ id: ForkIdWithType(id, type), src: url, alt: caption, caption: caption, withBorder: withBorder, stretched: stretched, withBackground: withBackground }, Image$1), ForkIdWithType(id, type)) }), id));
 };
 
 var TableNode = function (_a) {
-    var type = _a.type, data = _a.data, id = _a.id;
+    var type = _a.type, data = _a.data, id = _a.id, Container$1 = _a.Container;
     var content = data.content;
-    return (jsxRuntime.exports.jsx(Container, { children: jsxRuntime.exports.jsx(Table, tslib.__assign({ id: ForkIdWithType(id, type) }, { children: content.map(function (row, rowIdx) { return (
+    return (jsxRuntime.exports.jsx(Container, tslib.__assign({}, Container$1, { children: jsxRuntime.exports.jsx(Table, tslib.__assign({ id: ForkIdWithType(id, type) }, { children: content.map(function (row, rowIdx) { return (
             // eslint-disable-next-line react/no-array-index-key
             jsxRuntime.exports.jsx(TableRow, { children: row.map(function (cell, cellIdx) { return (
                 // eslint-disable-next-line react/no-array-index-key
-                jsxRuntime.exports.jsx(TableCell, { children: getRecursiveNode(cell, id) }, cellIdx)); }) }, rowIdx)); }) }), ForkIdWithType(id, type)) }, id));
+                jsxRuntime.exports.jsx(TableCell, { children: jsxRuntime.exports.jsx(RecursiveNode, { html: cell, id: id }) }, cellIdx)); }) }, rowIdx)); }) }), ForkIdWithType(id, type)) }), id));
 };
 
 var DelimiterNode = function (_a) {
-    var type = _a.type, id = _a.id;
-    return (jsxRuntime.exports.jsx(Container, { children: jsxRuntime.exports.jsx(Delimiter, { id: ForkIdWithType(id, type) }) }, id));
+    var type = _a.type, id = _a.id, Delimiter$1 = _a.Delimiter, Container$1 = _a.Container;
+    return (jsxRuntime.exports.jsx(Container, tslib.__assign({}, Container$1, { children: jsxRuntime.exports.jsx(Delimiter, tslib.__assign({ id: ForkIdWithType(id, type) }, Delimiter$1)) }), id));
 };
 
 var EmbedNode = function (_a) {
-    var type = _a.type, data = _a.data, id = _a.id;
+    var type = _a.type, data = _a.data, id = _a.id, Container$1 = _a.Container, Embed$1 = _a.Embed;
     // eslint-disable-next-line no-unused-vars
     data.service; data.source; var embed = data.embed, width = data.width, height = data.height; data.caption;
-    return (jsxRuntime.exports.jsx(Container, { children: jsxRuntime.exports.jsx(Embed, { id: ForkIdWithType(id, type), src: embed, width: width, height: height }) }, id));
+    return (jsxRuntime.exports.jsx(Container, tslib.__assign({}, Container$1, { children: jsxRuntime.exports.jsx(Embed, tslib.__assign({ id: ForkIdWithType(id, type), src: embed, width: width, height: height }, Embed$1)) }), id));
 };
 
 var RawNode = function (_a) {
-    var type = _a.type, data = _a.data, id = _a.id;
-    return (jsxRuntime.exports.jsx(Container, { children: jsxRuntime.exports.jsx(Raw, tslib.__assign({ id: ForkIdWithType(id, type) }, { children: data.html })) }, id));
+    var type = _a.type, data = _a.data, id = _a.id, Container$1 = _a.Container, Raw$1 = _a.Raw;
+    return (jsxRuntime.exports.jsx(Container, tslib.__assign({}, Container$1, { children: jsxRuntime.exports.jsx(Raw, tslib.__assign({ id: ForkIdWithType(id, type) }, Raw$1, { children: data.html })) }), id));
 };
 
 var QuoteNode = function (_a) {
-    var type = _a.type, data = _a.data, id = _a.id;
-    return (jsxRuntime.exports.jsx(Container, { children: jsxRuntime.exports.jsx(Quote, tslib.__assign({ id: ForkIdWithType(id, type) }, { children: data.text })) }, id));
+    var type = _a.type, data = _a.data, id = _a.id, Container$1 = _a.Container, Quote$1 = _a.Quote;
+    return (jsxRuntime.exports.jsx(Container, tslib.__assign({}, Container$1, { children: jsxRuntime.exports.jsx(Quote, tslib.__assign({ id: ForkIdWithType(id, type) }, Quote$1, { children: data.text })) }), id));
 };
 
 var CodeNode = function (_a) {
-    var type = _a.type, data = _a.data, id = _a.id;
+    var type = _a.type, data = _a.data, id = _a.id, Container$1 = _a.Container, Code$1 = _a.Code;
     var code = data.code;
-    return (jsxRuntime.exports.jsx(Container, { children: jsxRuntime.exports.jsx(Code, tslib.__assign({ id: ForkIdWithType(id, type) }, { children: code })) }, id));
+    return (jsxRuntime.exports.jsx(Container, tslib.__assign({}, Container$1, { children: jsxRuntime.exports.jsx(Code, tslib.__assign({ id: ForkIdWithType(id, type) }, Code$1, { children: code })) }), id));
 };
 
 var LinkNode = function (_a) {
-    var type = _a.type, data = _a.data, id = _a.id;
+    var type = _a.type, data = _a.data, id = _a.id, Container$1 = _a.Container, Link$1 = _a.Link;
     var _b = data.meta, image = _b.image, title = _b.title, description = _b.description, site_name = _b.site_name, link = data.link;
-    return (jsxRuntime.exports.jsx(Container, { children: jsxRuntime.exports.jsx(Link, { id: ForkIdWithType(id, type), image: image.url, title: title, description: description, siteName: site_name, href: link }) }, id));
+    return (jsxRuntime.exports.jsx(Container, tslib.__assign({}, Container$1, { children: jsxRuntime.exports.jsx(Link, tslib.__assign({ id: ForkIdWithType(id, type), image: image.url, title: title, description: description, siteName: site_name, href: link }, Link$1)) }), id));
 };
 
 var DEFAULT_GAP = 10;
 var CheckListNode = function (_a) {
-    var type = _a.type, data = _a.data, id = _a.id, tunes = _a.tunes;
+    var type = _a.type, data = _a.data, id = _a.id, tunes = _a.tunes, Container$1 = _a.Container, CheckList$1 = _a.CheckList, Item = _a.Item;
     var items = data.items;
-    return (jsxRuntime.exports.jsx(Container, { children: jsxRuntime.exports.jsx(CheckList, tslib.__assign({ id: ForkIdWithType(id, type), sx: {
-                display: 'flex',
-                flexWrap: 'wrap',
-                gap: "".concat(DEFAULT_GAP, "px"),
-                borderRadius: '25px',
-                padding: '20px',
-                backgroundColor: function (_) { return _.palette.background.default; },
-                border: '1px solid #EFF3FE',
-            } }, { children: items.map(function (_a, idx) {
+    return (jsxRuntime.exports.jsx(Container, tslib.__assign({}, Container$1, { children: jsxRuntime.exports.jsx(CheckList, tslib.__assign({ id: ForkIdWithType(id, type) }, CheckList$1, { sx: tslib.__assign({ display: 'flex', flexWrap: 'wrap', gap: "".concat(DEFAULT_GAP, "px"), borderRadius: '25px', padding: '20px', backgroundColor: function (_) { return _.palette.background.default; }, border: '1px solid #EFF3FE' }, CheckList$1 === null || CheckList$1 === void 0 ? void 0 : CheckList$1.sx) }, { children: items.map(function (_a, idx) {
                 var _b, _c;
                 var checked = _a.checked, text = _a.text;
-                return (jsxRuntime.exports.jsxs(CheckListItem, tslib.__assign({ sx: tslib.__assign(tslib.__assign({ display: 'flex', alignItems: 'center', flexWrap: 'nowrap', flexGrow: 0, columnGap: '5px', flexBasis: getFlexBasis(1, DEFAULT_GAP) }, (((_b = tunes === null || tunes === void 0 ? void 0 : tunes.columnTune) === null || _b === void 0 ? void 0 : _b.size) === 'two-columns' && {
+                return (jsxRuntime.exports.jsxs(CheckListItem, tslib.__assign({}, Item, { sx: tslib.__assign(tslib.__assign(tslib.__assign({ display: 'flex', alignItems: 'center', flexWrap: 'nowrap', flexGrow: 0, columnGap: '5px', flexBasis: getFlexBasis(1, DEFAULT_GAP) }, (((_b = tunes === null || tunes === void 0 ? void 0 : tunes.columnTune) === null || _b === void 0 ? void 0 : _b.size) === 'two-columns' && {
                         flexBasis: getFlexBasis(2, DEFAULT_GAP),
                     })), (((_c = tunes === null || tunes === void 0 ? void 0 : tunes.columnTune) === null || _c === void 0 ? void 0 : _c.size) === 'three-columns' && {
                         flexBasis: getFlexBasis(3, DEFAULT_GAP),
-                    })) }, { children: [jsxRuntime.exports.jsx(CheckBox, { checked: checked, sx: {
+                    })), Item === null || Item === void 0 ? void 0 : Item.sx) }, { children: [jsxRuntime.exports.jsx(CheckBox, { checked: checked, sx: {
                                 padding: '5px',
-                            } }), jsxRuntime.exports.jsx(Paragraph, { children: getRecursiveNode(text, id) })] }), idx));
-            }) })) }, id));
+                            } }), jsxRuntime.exports.jsx(Paragraph, { children: jsxRuntime.exports.jsx(RecursiveNode, { html: text, id: id }) })] }), idx));
+            }) })) }), id));
 };
 
-var getBaseNodesFromEditor = function (value) {
+var BaseNodesEditor = function (_a) {
+    var value = _a.value, ParagraphSlot = _a.ParagraphSlot, HeaderSlot = _a.HeaderSlot, DelimiterSlot = _a.DelimiterSlot, ListSlot = _a.ListSlot, ImageSlot = _a.ImageSlot, TableSlot = _a.TableSlot, EmbedSlot = _a.EmbedSlot, RawSlot = _a.RawSlot, QuoteSlot = _a.QuoteSlot, CodeSlot = _a.CodeSlot, LinkSlot = _a.LinkSlot, CheckListSlot = _a.CheckListSlot;
     var blocks = value.blocks;
-    return blocks.map(function (_a) {
-        var id = _a.id, type = _a.type, data = _a.data, tunes = _a.tunes;
-        switch (type) {
-            case 'paragraph': {
-                return ParagraphNode({
-                    id: id,
-                    type: type,
-                    data: data,
-                });
-            }
-            case 'header': {
-                return HeaderNode({
-                    id: id,
-                    type: type,
-                    data: data,
-                });
-            }
-            case 'delimiter': {
-                return DelimiterNode({
-                    id: id,
-                    type: type,
-                    data: data,
-                });
-            }
-            case 'list': {
-                return ListNode({
-                    id: id,
-                    type: type,
-                    data: data,
-                    tunes: tunes,
-                });
-            }
-            case 'image': {
-                return ImageNode({
-                    id: id,
-                    type: type,
-                    data: data,
-                });
-            }
-            case 'table': {
-                return TableNode({
-                    id: id,
-                    type: type,
-                    data: data,
-                });
-            }
-            case 'embed': {
-                return EmbedNode({
-                    id: id,
-                    type: type,
-                    data: data,
-                });
-            }
-            case 'rawTool': {
-                return RawNode({
-                    id: id,
-                    type: type,
-                    data: data,
-                });
-            }
-            case 'quote': {
-                return QuoteNode({
-                    id: id,
-                    type: type,
-                    data: data,
-                });
-            }
-            case 'code': {
-                return CodeNode({
-                    id: id,
-                    type: type,
-                    data: data,
-                });
-            }
-            case 'linkTool': {
-                return LinkNode({
-                    id: id,
-                    type: type,
-                    data: data,
-                });
-            }
-            case 'checklist': {
-                return CheckListNode({
-                    id: id,
-                    type: type,
-                    data: data,
-                    tunes: tunes,
-                });
-            }
-            default: {
-                return null;
+    jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, { children: blocks.map(function (_a) {
+            var id = _a.id, type = _a.type, data = _a.data, tunes = _a.tunes;
+            switch (type) {
+                case 'paragraph': {
+                    return (jsxRuntime.exports.jsx(ParagraphNode, tslib.__assign({ id: id, type: type, data: data }, ParagraphSlot), id));
+                }
+                case 'header': {
+                    return (jsxRuntime.exports.jsx(HeaderNode, tslib.__assign({ id: id, type: type, data: data }, HeaderSlot), id));
+                }
+                case 'delimiter': {
+                    return (jsxRuntime.exports.jsx(DelimiterNode, tslib.__assign({ id: id, type: type, data: data }, DelimiterSlot), id));
+                }
+                case 'list': {
+                    return (jsxRuntime.exports.jsx(ListNode, tslib.__assign({ id: id, type: type, data: data, tunes: tunes }, ListSlot), id));
+                }
+                case 'image': {
+                    return (jsxRuntime.exports.jsx(ImageNode, tslib.__assign({ id: id, type: type, data: data }, ImageSlot), id));
+                }
+                case 'table': {
+                    return (jsxRuntime.exports.jsx(TableNode, tslib.__assign({ id: id, type: type, data: data }, TableSlot), id));
+                }
+                case 'embed': {
+                    return (jsxRuntime.exports.jsx(EmbedNode, tslib.__assign({ id: id, type: type, data: data }, EmbedSlot), id));
+                }
+                case 'rawTool': {
+                    return (jsxRuntime.exports.jsx(RawNode, tslib.__assign({ id: id, type: type, data: data }, RawSlot), id));
+                }
+                case 'quote': {
+                    return (jsxRuntime.exports.jsx(QuoteNode, tslib.__assign({ id: id, type: type, data: data }, QuoteSlot), id));
+                }
+                case 'code': {
+                    return (jsxRuntime.exports.jsx(CodeNode, tslib.__assign({ id: id, type: type, data: data }, CodeSlot), id));
+                }
+                case 'linkTool': {
+                    return (jsxRuntime.exports.jsx(LinkNode, tslib.__assign({ id: id, type: type, data: data }, LinkSlot), id));
+                }
+                case 'checklist': {
+                    return (jsxRuntime.exports.jsx(CheckListNode, tslib.__assign({ id: id, type: type, data: data, tunes: tunes }, CheckListSlot), id));
+                }
+                default: {
+                    return null;
+                }
             }
-        }
-    });
+        }) });
 };
 
+exports.BaseNodesEditor = BaseNodesEditor;
 exports.CheckListNode = CheckListNode;
 exports.CodeNode = CodeNode;
 exports.DelimiterNode = DelimiterNode;
@@ -2087,6 +2004,5 @@ exports.QuoteNode = QuoteNode;
 exports.RawNode = RawNode;
 exports.RecursiveNode = RecursiveNode;
 exports.TableNode = TableNode;
-exports.getBaseNodesFromEditor = getBaseNodesFromEditor;
 exports.getFlexBasis = getFlexBasis;
 //# sourceMappingURL=index.js.map