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

package/dist/esm/index.js

@@ -52,34 +52,24 @@ function requireReactJsxRuntime_development () {
 
 	var React = require$$0;
 
-	// -----------------------------------------------------------------------------
-
-	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') {
@@ -134,6 +124,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;
 
 	{
@@ -1764,7 +1766,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))
@@ -1772,272 +1774,186 @@ var RecursiveNode = function (domNode, idx) {
     var name = domNode.name, children = domNode.children, attribs = domNode.attribs;
     if (name === 'code') {
         return (jsxRuntime.exports.jsx(InlineCode, __assign({ id: ForkIdWithType(idx, 'code') }, { children: domToReact(children, {
-                replace: function (domNode) { return RecursiveNode(domNode, idx); },
+                replace: function (domNode) { return RecursiveNodeBase(domNode, idx); },
             }) })));
     }
     if (name === 'b') {
         return (jsxRuntime.exports.jsx(Bold, __assign({ id: ForkIdWithType(idx, 'bold') }, { children: domToReact(children, {
-                replace: function (domNode) { return RecursiveNode(domNode, idx); },
+                replace: function (domNode) { return RecursiveNodeBase(domNode, idx); },
             }) })));
     }
     if (name === 'i') {
         return (jsxRuntime.exports.jsx(Italic, __assign({ id: ForkIdWithType(idx, 'italic') }, { children: domToReact(children, {
-                replace: function (domNode) { return RecursiveNode(domNode, idx); },
+                replace: function (domNode) { return RecursiveNodeBase(domNode, idx); },
             }) })));
     }
     if (name === 'mark') {
         return (jsxRuntime.exports.jsx(Marker, __assign({ id: ForkIdWithType(idx, 'marker') }, { children: domToReact(children, {
-                replace: function (domNode) { return RecursiveNode(domNode, idx); },
+                replace: function (domNode) { return RecursiveNodeBase(domNode, idx); },
             }) })));
     }
     if (name === 'a') {
         return (jsxRuntime.exports.jsx(Anchor, __assign({ id: ForkIdWithType(idx, 'anchor'), href: attribs === null || attribs === void 0 ? void 0 : attribs.href, rel: "noopener noreferrer", target: "_blank" }, { children: 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(purified, {
-        replace: function (domNode) { return RecursiveNode(domNode, id); },
-    });
+    return (jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, { children: Parse(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, __assign({ id: ForkIdWithType(id, type) }, { children: getRecursiveNode(text, id) })) }, id));
+    return (jsxRuntime.exports.jsx(Container, __assign({}, Container$1, { children: jsxRuntime.exports.jsx(Paragraph, __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, __assign({ id: ForkIdWithType(id, type), level: data.level }, { children: getRecursiveNode(text, id) })) }, id));
+    return (jsxRuntime.exports.jsx(Container, __assign({}, Container$1, { children: jsxRuntime.exports.jsx(Header, __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, __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, __assign({ id: ForkIdWithType(id, type) }, List$1, { sx: __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 __assign(__assign({}, child), { props: __assign(__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, __assign({ sx: __assign(__assign(__assign(__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, __assign({}, Item, { sx: __assign(__assign(__assign(__assign(__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(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(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, __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, __assign({ stretched: stretched }, Container$1, { children: jsxRuntime.exports.jsx(Image, __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, __assign({ id: ForkIdWithType(id, type) }, { children: content.map(function (row, rowIdx) { return (
+    return (jsxRuntime.exports.jsx(Container, __assign({}, Container$1, { children: jsxRuntime.exports.jsx(Table, __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, __assign({}, Container$1, { children: jsxRuntime.exports.jsx(Delimiter, __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, __assign({}, Container$1, { children: jsxRuntime.exports.jsx(Embed, __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, __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, __assign({}, Container$1, { children: jsxRuntime.exports.jsx(Raw, __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, __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, __assign({}, Container$1, { children: jsxRuntime.exports.jsx(Quote, __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, __assign({ id: ForkIdWithType(id, type) }, { children: code })) }, id));
+    return (jsxRuntime.exports.jsx(Container, __assign({}, Container$1, { children: jsxRuntime.exports.jsx(Code, __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, __assign({}, Container$1, { children: jsxRuntime.exports.jsx(Link, __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, __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, __assign({}, Container$1, { children: jsxRuntime.exports.jsx(CheckList, __assign({ id: ForkIdWithType(id, type) }, CheckList$1, { sx: __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, __assign({ sx: __assign(__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, __assign({}, Item, { sx: __assign(__assign(__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, __assign({ id: id, type: type, data: data }, ParagraphSlot), id));
+                }
+                case 'header': {
+                    return (jsxRuntime.exports.jsx(HeaderNode, __assign({ id: id, type: type, data: data }, HeaderSlot), id));
+                }
+                case 'delimiter': {
+                    return (jsxRuntime.exports.jsx(DelimiterNode, __assign({ id: id, type: type, data: data }, DelimiterSlot), id));
+                }
+                case 'list': {
+                    return (jsxRuntime.exports.jsx(ListNode, __assign({ id: id, type: type, data: data, tunes: tunes }, ListSlot), id));
+                }
+                case 'image': {
+                    return (jsxRuntime.exports.jsx(ImageNode, __assign({ id: id, type: type, data: data }, ImageSlot), id));
+                }
+                case 'table': {
+                    return (jsxRuntime.exports.jsx(TableNode, __assign({ id: id, type: type, data: data }, TableSlot), id));
+                }
+                case 'embed': {
+                    return (jsxRuntime.exports.jsx(EmbedNode, __assign({ id: id, type: type, data: data }, EmbedSlot), id));
+                }
+                case 'rawTool': {
+                    return (jsxRuntime.exports.jsx(RawNode, __assign({ id: id, type: type, data: data }, RawSlot), id));
+                }
+                case 'quote': {
+                    return (jsxRuntime.exports.jsx(QuoteNode, __assign({ id: id, type: type, data: data }, QuoteSlot), id));
+                }
+                case 'code': {
+                    return (jsxRuntime.exports.jsx(CodeNode, __assign({ id: id, type: type, data: data }, CodeSlot), id));
+                }
+                case 'linkTool': {
+                    return (jsxRuntime.exports.jsx(LinkNode, __assign({ id: id, type: type, data: data }, LinkSlot), id));
+                }
+                case 'checklist': {
+                    return (jsxRuntime.exports.jsx(CheckListNode, __assign({ id: id, type: type, data: data, tunes: tunes }, CheckListSlot), id));
+                }
+                default: {
+                    return null;
+                }
             }
-        }
-    });
+        }) });
 };
 
-export { CheckListNode, CodeNode, DelimiterNode, Anchor as EditorAnchor, Bold as EditorBold, CheckBox as EditorCheckBox, CheckList as EditorCheckList, CheckListItem as EditorCheckListItem, Code as EditorCode, Container as EditorContainer, Delimiter as EditorDelimiter, Embed as EditorEmbed, Header as EditorHeader, Image as EditorImage, InlineCode as EditorInlineCode, Italic as EditorItalic, Link as EditorLink, List as EditorList, ListItem as EditorListItem, Marker as EditorMarker, Paragraph as EditorParagraph, Quote as EditorQuote, Raw as EditorRaw, Table as EditorTable, TableCell as EditorTableCell, TableRow as EditorTableRow, EmbedNode, ForkIdWithType, HeaderNode, ImageNode, LinkNode, ListNode, ParagraphNode, PurifyHtml, QuoteNode, RawNode, RecursiveNode, TableNode, getBaseNodesFromEditor, getFlexBasis };
+export { BaseNodesEditor, CheckListNode, CodeNode, DelimiterNode, Anchor as EditorAnchor, Bold as EditorBold, CheckBox as EditorCheckBox, CheckList as EditorCheckList, CheckListItem as EditorCheckListItem, Code as EditorCode, Container as EditorContainer, Delimiter as EditorDelimiter, Embed as EditorEmbed, Header as EditorHeader, Image as EditorImage, InlineCode as EditorInlineCode, Italic as EditorItalic, Link as EditorLink, List as EditorList, ListItem as EditorListItem, Marker as EditorMarker, Paragraph as EditorParagraph, Quote as EditorQuote, Raw as EditorRaw, Table as EditorTable, TableCell as EditorTableCell, TableRow as EditorTableRow, EmbedNode, ForkIdWithType, HeaderNode, ImageNode, LinkNode, ListNode, ParagraphNode, PurifyHtml, QuoteNode, RawNode, RecursiveNode, TableNode, getFlexBasis };
 //# sourceMappingURL=index.js.map