Render inner blocks when wrapper markup is null

dist/components/Block.js

@@ -1,16 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Block;
+var _Tree = _interopRequireDefault(require("./Tree.js"));
+var _innerNode = _interopRequireDefault(require("../utils/innerNode.js"));
+var _Context = require("./Context.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // eslint-disable-next-line no-unused-vars
-import Tree from "./Tree.js";
-import innerNode from "../utils/innerNode.js";
-import { useBlockComponent } from "./Context.js";
 
 /**
  * Block element.
  *
  * @param {object} componentProps - properties that includes the block object.
  * @returns {JSX.Element | null | undefined}
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function Block(_ref) {
+ */function Block(_ref) {
   let {
     block
   } = _ref;
@@ -19,9 +25,9 @@ export default function Block(_ref) {
     innerContent,
     innerBlocks
   } = block;
-  const CustomBlock = useBlockComponent(blockName);
+  const CustomBlock = (0, _Context.useBlockComponent)(blockName);
   if (CustomBlock) {
-    return /*#__PURE__*/_jsx(CustomBlock, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomBlock, {
       block: block
     });
   }
@@ -34,9 +40,9 @@ export default function Block(_ref) {
   if (innerContent.length === 1 && (innerContent[0] === "\n" || innerContent[0].substring(0, 2) === "</")) {
     return null;
   }
-  const node = innerNode(innerBlocks, innerContent);
+  const node = (0, _innerNode.default)(innerBlocks, innerContent);
   if (node) {
-    return /*#__PURE__*/_jsx(Tree, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tree.default, {
       node: node,
       block: block
     });

dist/components/Context.js

@@ -1,21 +1,31 @@
-import { createContext, useContext } from 'react';
-import { coreTags, coreBlocks } from '../elements/index.js';
-const TxContext = /*#__PURE__*/createContext();
-export const {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Provider = void 0;
+exports.useBlockComponent = useBlockComponent;
+exports.useComponentContext = useComponentContext;
+exports.useTagComponent = useTagComponent;
+var _react = require("react");
+var _index = require("../elements/index.js");
+const TxContext = /*#__PURE__*/(0, _react.createContext)();
+const {
   Provider
 } = TxContext;
-export function useComponentContext() {
-  return useContext(TxContext);
+exports.Provider = Provider;
+function useComponentContext() {
+  return (0, _react.useContext)(TxContext);
 }
-export function useBlockComponent(name) {
+function useBlockComponent(name) {
   const {
-    CustomBlocks = coreBlocks
-  } = useContext(TxContext);
+    CustomBlocks = _index.coreBlocks
+  } = (0, _react.useContext)(TxContext);
   return name && CustomBlocks[name];
 }
-export function useTagComponent(tag) {
+function useTagComponent(tag) {
   const {
-    CustomTags = coreTags
-  } = useContext(TxContext);
+    CustomTags = _index.coreTags
+  } = (0, _react.useContext)(TxContext);
   return tag && CustomTags[tag];
 }

dist/components/Tree.js

@@ -1,29 +1,37 @@
-import { useTagComponent } from "./Context.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Tree;
+var _Context = require("./Context.js");
+var _Block = _interopRequireDefault(require("./Block.js"));
+var _attribsProps = _interopRequireDefault(require("../utils/attribsProps.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // eslint-disable-next-line no-unused-vars
-import Block from "./Block.js";
-import attribsProps from "../utils/attribsProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function Tree(_ref) {
+
+function Tree(_ref) {
   let {
     node,
     block
   } = _ref;
-  const CustomTag = useTagComponent(node.name);
-  attribsProps(node.attribs);
+  const CustomTag = (0, _Context.useTagComponent)(node.name);
+  (0, _attribsProps.default)(node.attribs);
   if (node.type === "text") {
     if (node.data.trim() === "[innerBlocks]") {
-      return block.innerBlocks?.map((inner, index) => /*#__PURE__*/_jsx(Block, {
+      return block.innerBlocks?.map((inner, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Block.default, {
         block: inner
       }, index));
     }
     return node.data;
   }
   if (CustomTag) {
-    const children = node.children?.map((child, index) => /*#__PURE__*/_jsx(Tree, {
+    const children = node.children?.map((child, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tree, {
       node: child,
       block: block
     }, index));
-    return /*#__PURE__*/_jsx(CustomTag, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomTag, {
       attribs: node.attribs,
       node: children,
       block: block
@@ -33,10 +41,10 @@ export default function Tree(_ref) {
   // Component is used as a dynamic tag name in JSX
   // eslint-disable-next-line no-unused-vars
   const Component = node.name;
-  const attrs = attribsProps(node.attribs);
-  return /*#__PURE__*/_jsx(Component, {
+  const attrs = (0, _attribsProps.default)(node.attribs);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
     ...attrs,
-    children: node.children?.map((child, index) => /*#__PURE__*/_jsx(Tree, {
+    children: node.children?.map((child, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tree, {
       node: child,
       block: block
     }, index))

dist/elements/index.js

@@ -1,22 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.customTags = exports.customBlocks = exports.coreTags = exports.coreBlocks = void 0;
+var _img = _interopRequireDefault(require("./tags/img.js"));
+var _selfClosing = _interopRequireDefault(require("./tags/selfClosing.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // eslint-disable-next-line no-unused-vars
-import Image from './tags/img.js';
+
 // eslint-disable-next-line no-unused-vars
-import SelfClosing from './tags/selfClosing.js';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const coreTags = {
+
+const coreTags = exports.coreTags = {
   img: _ref => {
     let {
       attribs
     } = _ref;
-    return /*#__PURE__*/_jsx(Image, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_img.default, {
       attribs: attribs
     });
   },
   br: _ref2 => {
     let {
       attribs
     } = _ref2;
-    return /*#__PURE__*/_jsx(SelfClosing, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_selfClosing.default, {
       attribs: attribs,
       tag: "br"
     });
@@ -25,7 +34,7 @@ export const coreTags = {
     let {
       attribs
     } = _ref3;
-    return /*#__PURE__*/_jsx(SelfClosing, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_selfClosing.default, {
       attribs: attribs,
       tag: "hr"
     });
@@ -48,7 +57,7 @@ export const coreTags = {
   // track: ({attribs}) => <SelfClosing attribs={attribs} tag="track" />,
   // wbr: ({attribs}) => <SelfClosing attribs={attribs} tag="wbr" />,
 };
-export const coreBlocks = {
+const coreBlocks = exports.coreBlocks = {
   // 'core/archives': ({ block }) => doSomething(),
   // 'core/audio': ({ block }) => doSomething(),
   // 'core/avatar': ({ block }) => doSomething(),
@@ -150,7 +159,7 @@ export const coreBlocks = {
  * @param {object} tags - Optional object with custom blocks definitions. Empty by default.
  * @returns {object} Object with blocks definitions
  */
-export const customTags = function () {
+const customTags = function () {
   let tags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return {
     ...coreTags,
@@ -165,10 +174,12 @@ export const customTags = function () {
  * @param {boolean} useDefaultBlocks - Optional boolean to use core blocks defaults. True by default.
  * @returns {object} Object with blocks definitions
  */
-export const customBlocks = function () {
+exports.customTags = customTags;
+const customBlocks = function () {
   let blocks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return {
     ...coreBlocks,
     ...blocks
   };
-};
+};
+exports.customBlocks = customBlocks;

dist/elements/tags/img.js

@@ -1,5 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function Image(_ref) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Image;
+var _jsxRuntime = require("react/jsx-runtime");
+function Image(_ref) {
   let {
     attribs
   } = _ref;
@@ -10,7 +16,7 @@ export default function Image(_ref) {
     height,
     width
   } = attribs;
-  return /*#__PURE__*/_jsx("img", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
     alt: alt,
     className: className,
     src: src,

dist/elements/tags/selfClosing.js

@@ -1,14 +1,21 @@
-import attribsProps from '../../utils/attribsProps.js';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function SelfClosing(_ref) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SelfClosing;
+var _attribsProps = _interopRequireDefault(require("../../utils/attribsProps.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function SelfClosing(_ref) {
   let {
     attribs,
     tag
   } = _ref;
   // eslint-disable-next-line no-unused-vars
   const Component = tag;
-  const attributes = attribsProps(attribs);
-  return /*#__PURE__*/_jsx(Component, {
+  const attributes = (0, _attribsProps.default)(attribs);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
     ...attributes
   });
 }

dist/index.js

@@ -1,7 +1,61 @@
-export { default as Block } from './components/Block.js';
-export { default as Tree } from './components/Tree.js';
-export { Provider } from './components/Context.js';
-export { customBlocks, customTags } from './elements/index.js';
-export { default as attribsProps } from './utils/attribsProps.js';
-export { default as innerNode } from './utils/innerNode.js';
-export { default as parseBlocks } from './utils/parseBlocks.js';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Block", {
+  enumerable: true,
+  get: function () {
+    return _Block.default;
+  }
+});
+Object.defineProperty(exports, "Provider", {
+  enumerable: true,
+  get: function () {
+    return _Context.Provider;
+  }
+});
+Object.defineProperty(exports, "Tree", {
+  enumerable: true,
+  get: function () {
+    return _Tree.default;
+  }
+});
+Object.defineProperty(exports, "attribsProps", {
+  enumerable: true,
+  get: function () {
+    return _attribsProps.default;
+  }
+});
+Object.defineProperty(exports, "customBlocks", {
+  enumerable: true,
+  get: function () {
+    return _index.customBlocks;
+  }
+});
+Object.defineProperty(exports, "customTags", {
+  enumerable: true,
+  get: function () {
+    return _index.customTags;
+  }
+});
+Object.defineProperty(exports, "innerNode", {
+  enumerable: true,
+  get: function () {
+    return _innerNode.default;
+  }
+});
+Object.defineProperty(exports, "parseBlocks", {
+  enumerable: true,
+  get: function () {
+    return _parseBlocks.default;
+  }
+});
+var _Block = _interopRequireDefault(require("./components/Block"));
+var _Tree = _interopRequireDefault(require("./components/Tree"));
+var _Context = require("./components/Context");
+var _index = require("./elements/index");
+var _attribsProps = _interopRequireDefault(require("./utils/attribsProps"));
+var _innerNode = _interopRequireDefault(require("./utils/innerNode"));
+var _parseBlocks = _interopRequireDefault(require("./utils/parseBlocks"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

dist/utils/attribsProps.js

@@ -1,15 +1,22 @@
-import convert from 'react-attr-converter';
-import parseStyle from 'style-to-js';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactAttrConverter = _interopRequireDefault(require("react-attr-converter"));
+var _styleToJs = _interopRequireDefault(require("style-to-js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const attribsProps = attribs => {
   if (attribs === undefined) {
     return {};
   }
   const props = Object.fromEntries(Object.entries(attribs).map(attribute => {
     if (attribute[0] === 'style') {
-      return [convert(attribute[0]), parseStyle(attribute[1])];
+      return [(0, _reactAttrConverter.default)(attribute[0]), (0, _styleToJs.default)(attribute[1])];
     }
-    return [convert(attribute[0]), attribute[1]];
+    return [(0, _reactAttrConverter.default)(attribute[0]), attribute[1]];
   }));
   return props;
 };
-export default attribsProps;
+var _default = exports.default = attribsProps;