@contensis/canvas-react 1.0.4 → 1.0.6

package/dist/esm/canvas-react.js

@@ -0,0 +1,485 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/renderer.tsx
+import React, { createContext, useContext } from "react";
+var RendererContext = createContext({});
+function RenderContextProvider(props) {
+  const overrideBlocks = props.blocks;
+  const blocks = Object.keys(BLOCK_RENDERERS).reduce((prev, type) => {
+    const blockType = type;
+    const renderer = (overrideBlocks == null ? void 0 : overrideBlocks[blockType]) || BLOCK_RENDERERS[blockType];
+    prev[blockType] = renderer;
+    return prev;
+  }, {});
+  const overrideDecorators = props.decorators;
+  const decorators = Object.keys(DECORATOR_RENDERERS).reduce((prev, type) => {
+    const decoratorType = type;
+    prev[decoratorType] = (overrideDecorators == null ? void 0 : overrideDecorators[decoratorType]) || DECORATOR_RENDERERS[decoratorType];
+    return prev;
+  }, {});
+  const value = { blocks, decorators, components: props.components };
+  return /* @__PURE__ */ React.createElement(RendererContext.Provider, { value }, props.children);
+}
+function useBlocks() {
+  const value = useContext(RendererContext);
+  return value.blocks || BLOCK_RENDERERS;
+}
+function useDecorators() {
+  const value = useContext(RendererContext);
+  return value.decorators || DECORATOR_RENDERERS;
+}
+function useComponents() {
+  const value = useContext(RendererContext);
+  return value.components || {};
+}
+function RenderBlock(props) {
+  const blocks = useBlocks();
+  const Component2 = blocks[props.block.type];
+  return /* @__PURE__ */ React.createElement(Component2, { block: props.block });
+}
+function RenderBlocks(props) {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.blocks.map((block) => /* @__PURE__ */ React.createElement(RenderBlock, { block, key: block.id })));
+}
+function RenderContents(props) {
+  return props.contents ? props.contents : props.fallback;
+}
+function RenderChildren(props) {
+  var _a, _b;
+  const isArray = Array.isArray((_a = props.block) == null ? void 0 : _a.value);
+  const isString = typeof ((_b = props.block) == null ? void 0 : _b.value) === "string";
+  const render = () => {
+    if (isArray) {
+      return /* @__PURE__ */ React.createElement(RenderBlocks, { blocks: props.block.value });
+    } else if (isString) {
+      return /* @__PURE__ */ React.createElement(RenderText, { text: props.block.value });
+    } else {
+      return /* @__PURE__ */ React.createElement(RenderText, { text: "" });
+    }
+  };
+  return render();
+}
+function RenderText(props) {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.text);
+}
+function Renderer(props) {
+  return /* @__PURE__ */ React.createElement(RenderBlocks, { blocks: props.data });
+}
+function getAttributes(props, extra = {}) {
+  var _c;
+  const _a = props, { block } = _a, rest = __objRest(_a, ["block"]);
+  let _b = rest, { children, decorator, otherDecorators } = _b, attributes = __objRest(_b, ["children", "decorator", "otherDecorators"]);
+  attributes = __spreadValues(__spreadValues({
+    id: (_c = block == null ? void 0 : block.properties) == null ? void 0 : _c.id
+  }, extra), attributes);
+  return attributes;
+}
+function WithCaption(props) {
+  return !!props.caption ? /* @__PURE__ */ React.createElement("figure", null, props.children, /* @__PURE__ */ React.createElement("figcaption", null, props.caption)) : props.children || null;
+}
+function RenderBlockChildrenFactory() {
+  return function(props) {
+    return /* @__PURE__ */ React.createElement(RenderChildren, { block: props.block });
+  };
+}
+function EmptyChildrenFactory() {
+  return function(props) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  };
+}
+function Anchor(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("a", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Anchor.Children, { block: props.block }) }));
+}
+Anchor.Children = RenderBlockChildrenFactory();
+function Code(props) {
+  var _a, _b, _c, _d;
+  const attributes = getAttributes(props, {
+    "data-language": (_b = (_a = props.block) == null ? void 0 : _a.value) == null ? void 0 : _b.language
+  });
+  const codeAttributes = getAttributes(props, {
+    className: `language-${(_d = (_c = props.block) == null ? void 0 : _c.value) == null ? void 0 : _d.language}`
+  });
+  return /* @__PURE__ */ React.createElement("pre", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement("code", __spreadValues({}, codeAttributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Code.Children, { block: props.block }) })));
+}
+Code.Children = function(props) {
+  var _a, _b;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, (_b = (_a = props.block) == null ? void 0 : _a.value) == null ? void 0 : _b.code);
+};
+function CodeWithCaption(props) {
+  var _a, _b;
+  return /* @__PURE__ */ React.createElement(WithCaption, { caption: (_b = (_a = props.block) == null ? void 0 : _a.value) == null ? void 0 : _b.caption }, /* @__PURE__ */ React.createElement(Code, __spreadValues({}, props)));
+}
+function Component(props) {
+  var _a, _b;
+  const component = (_a = props == null ? void 0 : props.block.properties) == null ? void 0 : _a.component;
+  const components = useComponents();
+  const ComponentElement = !!component ? components == null ? void 0 : components[component] : void 0;
+  const value = props.block.value ? JSON.stringify(props.block.value) : "";
+  const attributes = getAttributes(props, {
+    className: "component",
+    "data-component": (_b = props.block.properties) == null ? void 0 : _b.component,
+    "data-component-value": value
+  });
+  return !!ComponentElement ? /* @__PURE__ */ React.createElement(ComponentElement, __spreadValues({}, props)) : /* @__PURE__ */ React.createElement("div", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Component.Children, { block: props.block }) }));
+}
+Component.Children = function(props) {
+  var _a, _b;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, "Component: ", (_b = (_a = props.block) == null ? void 0 : _a.properties) == null ? void 0 : _b.component);
+};
+function Divider(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("hr", __spreadValues({}, attributes));
+}
+Divider.Children = EmptyChildrenFactory();
+function Fragment(props) {
+  var _a, _b, _c, _d, _e;
+  const hasDecorators = !!((_c = (_b = (_a = props.block) == null ? void 0 : _a.properties) == null ? void 0 : _b.decorators) == null ? void 0 : _c.length);
+  const decorators = (_e = (_d = props.block) == null ? void 0 : _d.properties) == null ? void 0 : _e.decorators;
+  return hasDecorators ? /* @__PURE__ */ React.createElement(Decorators, { block: props.block, decorators }) : /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Fragment.Children, { block: props.block }) });
+}
+Fragment.Children = RenderBlockChildrenFactory();
+function Heading(props) {
+  const attributes = getAttributes(props);
+  const render = () => {
+    var _a, _b;
+    switch ((_b = (_a = props == null ? void 0 : props.block) == null ? void 0 : _a.properties) == null ? void 0 : _b.level) {
+      case 2: {
+        return /* @__PURE__ */ React.createElement("h2", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Heading.Children, { block: props.block }) }));
+      }
+      case 3: {
+        return /* @__PURE__ */ React.createElement("h3", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Heading.Children, { block: props.block }) }));
+      }
+      case 4: {
+        return /* @__PURE__ */ React.createElement("h4", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Heading.Children, { block: props.block }) }));
+      }
+      case 5: {
+        return /* @__PURE__ */ React.createElement("h5", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Heading.Children, { block: props.block }) }));
+      }
+      case 6: {
+        return /* @__PURE__ */ React.createElement("h6", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Heading.Children, { block: props.block }) }));
+      }
+      default: {
+        return /* @__PURE__ */ React.createElement("h1", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Heading.Children, { block: props.block }) }));
+      }
+    }
+  };
+  return render();
+}
+Heading.Children = RenderBlockChildrenFactory();
+function Image(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const src = (_d = (_c = (_b = (_a = props.block) == null ? void 0 : _a.value) == null ? void 0 : _b.asset) == null ? void 0 : _c.sys) == null ? void 0 : _d.uri;
+  const attributes = getAttributes(props, {
+    src,
+    alt: (_f = (_e = props.block) == null ? void 0 : _e.value) == null ? void 0 : _f.altText,
+    title: (_h = (_g = props == null ? void 0 : props.block) == null ? void 0 : _g.value) == null ? void 0 : _h.caption
+  });
+  return /* @__PURE__ */ React.createElement("img", __spreadValues({}, attributes));
+}
+Image.Children = EmptyChildrenFactory();
+function ImageWithCaption(props) {
+  var _a, _b;
+  return /* @__PURE__ */ React.createElement(WithCaption, { caption: (_b = (_a = props.block) == null ? void 0 : _a.value) == null ? void 0 : _b.caption }, /* @__PURE__ */ React.createElement(Image, __spreadValues({}, props)));
+}
+function InlineEntry(props) {
+  var _a, _b, _c;
+  const href = (_c = (_b = (_a = props == null ? void 0 : props.block) == null ? void 0 : _a.value) == null ? void 0 : _b.sys) == null ? void 0 : _c.uri;
+  const attributes = getAttributes(props, {
+    href
+  });
+  return !!attributes.href ? /* @__PURE__ */ React.createElement("a", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(InlineEntry.Children, { block: props.block }) })) : /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(InlineEntry.Children, { block: props.block }) });
+}
+InlineEntry.Children = function(props) {
+  var _a, _b;
+  const entryTitle = ((_b = (_a = props == null ? void 0 : props.block) == null ? void 0 : _a.value) == null ? void 0 : _b.entryTitle) || "";
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, entryTitle);
+};
+function Link(props) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const linkValue = (_b = (_a = props == null ? void 0 : props.block) == null ? void 0 : _a.properties) == null ? void 0 : _b.link;
+  const attributes = getAttributes(props, {
+    href: (_c = linkValue == null ? void 0 : linkValue.sys) == null ? void 0 : _c.uri,
+    target: ((_e = (_d = props == null ? void 0 : props.block) == null ? void 0 : _d.properties) == null ? void 0 : _e.newTab) ? "_blank" : null,
+    rel: ((_g = (_f = props == null ? void 0 : props.block) == null ? void 0 : _f.properties) == null ? void 0 : _g.newTab) ? "noopener noreferrer" : null
+  });
+  return !!attributes.href ? /* @__PURE__ */ React.createElement("a", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Link.Children, { block: props.block }) })) : /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Link.Children, { block: props.block }) });
+}
+Link.Children = RenderBlockChildrenFactory();
+function List(props) {
+  var _a, _b, _c, _d;
+  const isOrdered = ((_b = (_a = props.block) == null ? void 0 : _a.properties) == null ? void 0 : _b.listType) === "ordered";
+  const attributes = getAttributes(props, {
+    start: isOrdered ? (_d = (_c = props.block) == null ? void 0 : _c.properties) == null ? void 0 : _d.start : null
+  });
+  return isOrdered ? /* @__PURE__ */ React.createElement("ol", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(List.Children, { block: props.block }) })) : /* @__PURE__ */ React.createElement("ul", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(List.Children, { block: props.block }) }));
+}
+List.Children = RenderBlockChildrenFactory();
+function ListItem(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("li", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(ListItem.Children, { block: props.block }) }));
+}
+ListItem.Children = RenderBlockChildrenFactory();
+function Panel(props) {
+  var _a, _b;
+  const attributes = getAttributes(props, {
+    className: ["panel", ((_b = (_a = props.block) == null ? void 0 : _a.properties) == null ? void 0 : _b.panelType) || "info"].join(" ")
+  });
+  return /* @__PURE__ */ React.createElement("aside", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Panel.Children, { block: props.block }) }));
+}
+Panel.Children = RenderBlockChildrenFactory();
+function Paragraph(props) {
+  var _a, _b;
+  const attributes = getAttributes(props, {
+    className: (_b = (_a = props.block) == null ? void 0 : _a.properties) == null ? void 0 : _b.paragraphType
+  });
+  return /* @__PURE__ */ React.createElement("p", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Paragraph.Children, { block: props.block }) }));
+}
+Paragraph.Children = RenderBlockChildrenFactory();
+function Quote(props) {
+  var _a, _b;
+  const attributes = getAttributes(props, {
+    "cite": (_b = (_a = props.block) == null ? void 0 : _a.properties) == null ? void 0 : _b.url
+  });
+  return /* @__PURE__ */ React.createElement("blockquote", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Quote.Children, { block: props.block }) }));
+}
+Quote.Children = function(props) {
+  var _a, _b, _c, _d;
+  const source = (_b = (_a = props.block) == null ? void 0 : _a.properties) == null ? void 0 : _b.source;
+  const citation = (_d = (_c = props.block) == null ? void 0 : _c.properties) == null ? void 0 : _d.citation;
+  const hasChildren = !!source || !!citation;
+  return hasChildren ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement(RenderChildren, { block: props.block })), /* @__PURE__ */ React.createElement("footer", null, source, " ", !!citation ? /* @__PURE__ */ React.createElement("cite", null, citation) : /* @__PURE__ */ React.createElement(React.Fragment, null))) : /* @__PURE__ */ React.createElement(RenderChildren, { block: props.block });
+};
+function Table(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("table", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Table.Children, { block: props.block }) }));
+}
+Table.Children = RenderBlockChildrenFactory();
+function TableBody(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("tbody", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(TableBody.Children, { block: props.block }) }));
+}
+TableBody.Children = RenderBlockChildrenFactory();
+function TableCaption(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("caption", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(TableCaption.Children, { block: props.block }) }));
+}
+TableCaption.Children = RenderBlockChildrenFactory();
+function TableCell(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("td", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(TableCell.Children, { block: props.block }) }));
+}
+TableCell.Children = RenderBlockChildrenFactory();
+function TableFooter(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("tfoot", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(TableFooter.Children, { block: props.block }) }));
+}
+TableFooter.Children = RenderBlockChildrenFactory();
+function TableHeader(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("thead", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(TableHeader.Children, { block: props.block }) }));
+}
+TableHeader.Children = RenderBlockChildrenFactory();
+function TableHeaderCell(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("th", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(TableHeaderCell.Children, { block: props.block }) }));
+}
+TableHeaderCell.Children = RenderBlockChildrenFactory();
+function TableRow(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("tr", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(TableRow.Children, { block: props.block }) }));
+}
+TableRow.Children = RenderBlockChildrenFactory();
+function Decorators(props) {
+  const decorators = useDecorators();
+  const remainingDecorators = !!props.decorators ? [...props.decorators] : void 0;
+  const firstDecorator = !!remainingDecorators ? remainingDecorators.shift() : void 0;
+  const DecoratorComponent = !!firstDecorator ? decorators[firstDecorator] : void 0;
+  const render = () => {
+    if (!!DecoratorComponent) {
+      return /* @__PURE__ */ React.createElement(DecoratorComponent, { block: props.block, decorator: firstDecorator, otherDecorators: remainingDecorators });
+    } else if (firstDecorator) {
+      return /* @__PURE__ */ React.createElement(Decorators, { block: props.block, decorators: remainingDecorators });
+    } else {
+      return /* @__PURE__ */ React.createElement(Fragment.Children, { block: props.block });
+    }
+  };
+  return render();
+}
+function DecoratorChildren(props) {
+  return /* @__PURE__ */ React.createElement(Decorators, { block: props.block, decorators: props.otherDecorators });
+}
+function InlineCode(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("code", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(InlineCode.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }));
+}
+InlineCode.Children = DecoratorChildren;
+function Delete(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("del", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Delete.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }));
+}
+Delete.Children = DecoratorChildren;
+function Emphasis(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("em", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Emphasis.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }));
+}
+Emphasis.Children = DecoratorChildren;
+function Insert(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("ins", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Insert.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }));
+}
+Insert.Children = DecoratorChildren;
+function Keyboard(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("kbd", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Keyboard.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }));
+}
+Keyboard.Children = DecoratorChildren;
+function LineBreak(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("br", __spreadValues({}, attributes));
+}
+LineBreak.Children = function(props) {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+};
+function Mark(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("mark", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Mark.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }));
+}
+Mark.Children = DecoratorChildren;
+function Strong(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("strong", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Strong.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }));
+}
+Strong.Children = DecoratorChildren;
+function Strikethrough(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("s", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Strikethrough.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }));
+}
+Strikethrough.Children = DecoratorChildren;
+function Subscript(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("sub", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Subscript.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }));
+}
+Subscript.Children = DecoratorChildren;
+function Superscript(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("sup", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Superscript.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }));
+}
+Superscript.Children = DecoratorChildren;
+function Underline(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("u", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Underline.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }));
+}
+Underline.Children = DecoratorChildren;
+function Variable(props) {
+  const attributes = getAttributes(props);
+  return /* @__PURE__ */ React.createElement("var", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(RenderContents, { contents: props.children, fallback: /* @__PURE__ */ React.createElement(Variable.Children, { block: props.block, decorator: props.decorator, otherDecorators: props.otherDecorators }) }));
+}
+Variable.Children = DecoratorChildren;
+var BLOCK_RENDERERS = {
+  "_anchor": Anchor,
+  "_code": CodeWithCaption,
+  "_component": Component,
+  "_divider": Divider,
+  "_fragment": Fragment,
+  "_heading": Heading,
+  "_image": ImageWithCaption,
+  "_inlineEntry": InlineEntry,
+  "_link": Link,
+  "_list": List,
+  "_listItem": ListItem,
+  "_panel": Panel,
+  "_paragraph": Paragraph,
+  "_quote": Quote,
+  "_table": Table,
+  "_tableBody": TableBody,
+  "_tableCaption": TableCaption,
+  "_tableCell": TableCell,
+  "_tableFooter": TableFooter,
+  "_tableHeader": TableHeader,
+  "_tableHeaderCell": TableHeaderCell,
+  "_tableRow": TableRow
+};
+var DECORATOR_RENDERERS = {
+  "code": InlineCode,
+  "delete": Delete,
+  "emphasis": Emphasis,
+  "insert": Insert,
+  "keyboard": Keyboard,
+  "linebreak": LineBreak,
+  "mark": Mark,
+  "strikethrough": Strikethrough,
+  "strong": Strong,
+  "subscript": Subscript,
+  "superscript": Superscript,
+  "underline": Underline,
+  "variable": Variable
+};
+export {
+  Anchor,
+  Code,
+  Component,
+  Delete,
+  Divider,
+  Emphasis,
+  Fragment,
+  Heading,
+  Image,
+  InlineCode,
+  InlineEntry,
+  Insert,
+  Keyboard,
+  LineBreak,
+  Link,
+  List,
+  ListItem,
+  Mark,
+  Panel,
+  Paragraph,
+  Quote,
+  RenderChildren,
+  RenderContextProvider,
+  Renderer,
+  RendererContext,
+  Strikethrough,
+  Strong,
+  Subscript,
+  Superscript,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHeader,
+  TableHeaderCell,
+  TableRow,
+  Underline,
+  Variable
+};
+//# sourceMappingURL=canvas-react.js.map

package/dist/esm/canvas-react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/renderer.tsx"],"sourcesContent":["import React, { ClassType, ComponentClass, FunctionComponent, Component as ReactComponent, createContext, useContext } from 'react';\nimport {\n    AnchorBlock,\n    Block,\n    CodeBlock,\n    ComponentBlock,\n    DecoratorType,\n    DividerBlock,\n    FragmentBlock,\n    HeadingBlock,\n    ImageBlock,\n    InlineEntryBlock,\n    LinkBlock,\n    ListBlock,\n    ListItemBlock,\n    PanelBlock,\n    ParagraphBlock,\n    QuoteBlock,\n    TableBlock,\n    TableBodyBlock,\n    TableCaptionBlock, TableCellBlock,\n    TableFooterBlock,\n    TableHeaderBlock,\n    TableHeaderCellBlock,\n    TableRowBlock\n} from '@contensis/canvas-types';\n\ntype Attributes = Record<string, any>;\ntype WithChildren = { children?: JSX.Element | undefined };\n\ntype RendererProps = { data: Block[] };\ntype RenderBlocksProps = { blocks: Block[] };\ntype RenderBlockProps<T extends Block> = { block: T };\ntype RenderBlockPropsWithChildren<T extends Block>\n    = RenderBlockProps<T> & WithChildren & Attributes;\n\ntype RenderContentsProps = { contents: undefined | JSX.Element, fallback: JSX.Element };\ntype RenderTextProps = { text: string };\n\ntype DecoratorProps = { block: FragmentBlock, decorators: undefined | DecoratorType[] };\n\ntype TypedBlock<TType extends Block['type']> = Extract<Block, { type: TType }>;\n\ntype Renderer<TProps> = FunctionComponent<TProps> | ClassType<TProps, ReactComponent<TProps>, ComponentClass<TProps>>;\n\ntype BlockRenderer<T extends Block> = Renderer<RenderBlockPropsWithChildren<T>>;\ntype BlockRenderers = {\n    [TType in Block['type']]: BlockRenderer<TypedBlock<TType>>\n};\n\n\ntype RenderDecoratorProps = { block: FragmentBlock, decorator: undefined | DecoratorType, otherDecorators: undefined | DecoratorType[] };\ntype RenderDecoratorPropsWithChildren = RenderDecoratorProps & WithChildren & Attributes;\n\ntype DecoratorRenderer = Renderer<RenderDecoratorPropsWithChildren>;\ntype DecoratorRenderers = Record<DecoratorType, DecoratorRenderer>;\n\ntype ComponentRenderer = Renderer<RenderBlockPropsWithChildren<ComponentBlock>>;\ntype ComponentRenderers = Record<string, ComponentRenderer>;\n\ntype RendererContextValue = {\n    blocks?: BlockRenderers,\n    decorators?: DecoratorRenderers,\n    components?: ComponentRenderers\n};\n\ntype RendererOverridesContextValue = {\n    blocks?: Partial<BlockRenderers>,\n    decorators?: Partial<DecoratorRenderers>,\n    components?: ComponentRenderers\n};\n\ntype RendererContextProviderProps = WithChildren & RendererOverridesContextValue;\n\nexport type { BlockRenderer, RenderBlockProps, RenderBlockPropsWithChildren, RenderDecoratorProps, RenderDecoratorPropsWithChildren };\n\nexport const RendererContext = createContext<RendererContextValue>({});\n\n/** \n * Provides context to the <Renderer> component to return Canvas data as React components\n *\n *  @link https://www.npmjs.com/package/@contensis/canvas-react#usage\n *\n * @param blocks - Override the default rendering of Canvas content blocks\n * @param components - Render method for Contensis Components within the Canvas field\n * @param decorators - Override the rendering of HTML elements within a text field\n * \n * @example \n * <RenderContextProvider blocks={{ _table: Table }} components={{ banner: Banner }} decorators={{ strong: Strong }}>\n *      <Renderer data={data} />\n * </RenderContextProvider>\n * \n */\nexport function RenderContextProvider(props: RendererContextProviderProps) {\n\n    const overrideBlocks = props.blocks;\n    const blocks = Object.keys(BLOCK_RENDERERS)\n        .reduce((prev, type) => {\n            const blockType = type as Block['type'];\n            const renderer: any = overrideBlocks?.[blockType] || BLOCK_RENDERERS[blockType];\n            (prev as any)[blockType] = renderer;\n            return prev;\n        }, {} as BlockRenderers);\n\n    const overrideDecorators = props.decorators;\n    const decorators = Object.keys(DECORATOR_RENDERERS)\n        .reduce((prev, type) => {\n            const decoratorType = type as DecoratorType;\n            prev[decoratorType] = overrideDecorators?.[decoratorType] || DECORATOR_RENDERERS[decoratorType];\n            return prev;\n        }, {} as DecoratorRenderers);\n\n    const value = { blocks, decorators, components: props.components };\n\n    return (\n        <RendererContext.Provider value={value}>\n            {props.children}\n        </RendererContext.Provider>\n    );\n}\n\nfunction useBlocks() {\n    const value = useContext(RendererContext);\n    return value.blocks || BLOCK_RENDERERS;\n}\n\nfunction useDecorators() {\n    const value = useContext(RendererContext);\n    return value.decorators || DECORATOR_RENDERERS;\n}\n\nfunction useComponents() {\n    const value = useContext(RendererContext);\n    return value.components || {};\n}\n\nfunction RenderBlock<TBlock extends Block>(props: RenderBlockProps<TBlock>) {\n    const blocks = useBlocks();\n    const Component = blocks[props.block.type] as BlockRenderer<TBlock>;\n    return (<Component block={props.block} />);\n}\n\nfunction RenderBlocks(props: RenderBlocksProps) {\n    return (<>{props.blocks.map(block => <RenderBlock block={block} key={block.id} />)}</>);\n}\n\nfunction RenderContents(props: RenderContentsProps) {\n    return (props.contents ? props.contents : props.fallback);\n}\n\nexport function RenderChildren(props: RenderBlockProps<Block>) {\n    const isArray = Array.isArray(props.block?.value);\n    const isString = typeof props.block?.value === 'string';\n\n    const render = () => {\n        if (isArray) {\n            return (<RenderBlocks blocks={props.block.value as any} />);\n        } else if (isString) {\n            return (<RenderText text={props.block.value as any} />);\n        } else {\n            return (<RenderText text={''} />);\n        }\n    };\n\n    return render();\n};\n\nfunction RenderText(props: RenderTextProps) {\n    return (<>{props.text}</>);\n};\n\n/** \n * The default render method for processing Canvas data \n * \n * @link https://www.npmjs.com/package/@contensis/canvas-react#usage\n * \n * @param data - Accepts Canvas data\n * \n * */\nexport function Renderer(props: RendererProps) {\n    return (<RenderBlocks blocks={props.data} />);\n}\n\ntype AttributeProps = RenderBlockProps<Block>\n    | RenderBlockPropsWithChildren<Block>\n    | RenderDecoratorProps\n    | RenderDecoratorPropsWithChildren;\n\nfunction getAttributes(props: AttributeProps, extra: Record<string, any> = {}) {\n    const { block, ...rest } = props;\n    let { children, decorator, otherDecorators, ...attributes } = rest as Record<string, any>;\n    attributes = {\n        id: block?.properties?.id,\n        ...extra,\n        ...attributes\n    };\n    return attributes;\n}\n\nfunction WithCaption(props: WithChildren & { caption: undefined | string }) {\n    return (\n        !!props.caption\n            ? (\n                <figure>\n                    {props.children}\n                    <figcaption>{props.caption}</figcaption>\n                </figure>\n            )\n            : (props.children || null)\n    );\n};\n\nfunction RenderBlockChildrenFactory<T extends Block>() {\n    return function (props: RenderBlockProps<T>) {\n        return (<RenderChildren block={props.block} />);\n    };\n}\n\nfunction EmptyChildrenFactory<T extends Block>() {\n    return function (props: RenderBlockProps<T>) {\n        return (<></>);\n    };\n}\n\nexport function Anchor(props: RenderBlockPropsWithChildren<AnchorBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <a {...attributes}>\n            <RenderContents contents={props.children} fallback={<Anchor.Children block={props.block} />} />\n        </a>\n    );\n}\n\nAnchor.Children = RenderBlockChildrenFactory<AnchorBlock>();\n\nexport function Code(props: RenderBlockPropsWithChildren<CodeBlock>) {\n    const attributes = getAttributes(props, {\n        'data-language': props.block?.value?.language\n    });\n    const codeAttributes = getAttributes(props, {\n        className: `language-${props.block?.value?.language}`\n    });\n    return (\n        <pre {...attributes}>\n            <code {...codeAttributes}>\n                <RenderContents contents={props.children} fallback={<Code.Children block={props.block} />} />\n            </code>\n        </pre>\n    );\n}\n\nCode.Children = function (props: RenderBlockProps<CodeBlock>) {\n    return (<>{props.block?.value?.code}</>);\n};\n\nfunction CodeWithCaption(props: RenderBlockPropsWithChildren<CodeBlock>) {\n    return (\n        <WithCaption caption={props.block?.value?.caption}>\n            <Code {...props} />\n        </WithCaption>\n    );\n}\n\nexport function Component(props: RenderBlockPropsWithChildren<ComponentBlock>) {\n    const component = props?.block.properties?.component;\n    const components = useComponents();\n    const ComponentElement = !!component ? components?.[component] : undefined;\n\n    const value = props.block.value ? JSON.stringify(props.block.value) : '';\n    const attributes = getAttributes(props, {\n        className: 'component',\n        'data-component': props.block.properties?.component,\n        'data-component-value': value,\n    });\n\n    return (!!ComponentElement)\n        ? (<ComponentElement {...props} />)\n        : (\n            <div {...attributes}>\n                <RenderContents contents={props.children} fallback={<Component.Children block={props.block} />} />\n            </div>\n        );\n}\n\nComponent.Children = function (props: RenderBlockProps<ComponentBlock>) {\n    return (<>Component: {props.block?.properties?.component}</>);\n};\n\nexport function Divider(props: RenderBlockPropsWithChildren<DividerBlock>) {\n    const attributes = getAttributes(props);\n    return (<hr {...attributes} />);\n}\n\nDivider.Children = EmptyChildrenFactory<DividerBlock>();\n\nexport function Fragment(props: RenderBlockPropsWithChildren<FragmentBlock>) {\n    const hasDecorators = !!props.block?.properties?.decorators?.length;\n    const decorators = props.block?.properties?.decorators;\n    return (\n        hasDecorators\n            ? (<Decorators block={props.block} decorators={decorators}></Decorators>)\n            : (<RenderContents contents={props.children} fallback={<Fragment.Children block={props.block} />} />)\n    );\n}\n\nFragment.Children = RenderBlockChildrenFactory<FragmentBlock>();\n\nexport function Heading(props: RenderBlockPropsWithChildren<HeadingBlock>) {\n    const attributes = getAttributes(props);\n    const render = () => {\n        switch (props?.block?.properties?.level) {\n            case 2: {\n                return (\n                    <h2 {...attributes}>\n                        <RenderContents contents={props.children} fallback={<Heading.Children block={props.block} />} />\n                    </h2>\n                );\n            }\n            case 3: {\n                return (\n                    <h3 {...attributes}>\n                        <RenderContents contents={props.children} fallback={<Heading.Children block={props.block} />} />\n                    </h3>\n                );\n            }\n            case 4: {\n                return (\n                    <h4 {...attributes}>\n                        <RenderContents contents={props.children} fallback={<Heading.Children block={props.block} />} />\n                    </h4>\n                );\n            }\n            case 5: {\n                return (\n                    <h5 {...attributes}>\n                        <RenderContents contents={props.children} fallback={<Heading.Children block={props.block} />} />\n                    </h5>\n                );\n            }\n            case 6: {\n                return (\n                    <h6 {...attributes}>\n                        <RenderContents contents={props.children} fallback={<Heading.Children block={props.block} />} />\n                    </h6>\n                );\n            }\n            default: {\n                return (\n                    <h1 {...attributes}>\n                        <RenderContents contents={props.children} fallback={<Heading.Children block={props.block} />} />\n                    </h1>\n                );\n            }\n        }\n    };\n    return render();\n}\n\nHeading.Children = RenderBlockChildrenFactory<HeadingBlock>();\n\nexport function Image(props: RenderBlockPropsWithChildren<ImageBlock>) {\n    const src = props.block?.value?.asset?.sys?.uri;\n    const attributes = getAttributes(props, {\n        src,\n        alt: props.block?.value?.altText,\n        title: props?.block?.value?.caption,\n    });\n    return (<img {...attributes} />);\n}\n\nImage.Children = EmptyChildrenFactory<ImageBlock>();\n\nfunction ImageWithCaption(props: RenderBlockPropsWithChildren<ImageBlock>) {\n    return (\n        <WithCaption caption={props.block?.value?.caption}>\n            <Image {...props} />\n        </WithCaption>\n    );\n}\n\nexport function InlineEntry(props: RenderBlockPropsWithChildren<InlineEntryBlock>) {\n    const href = props?.block?.value?.sys?.uri;\n    const attributes = getAttributes(props, {\n        href\n    });\n    return (!!attributes.href\n        ? (\n            <a {...attributes}>\n                <RenderContents contents={props.children} fallback={<InlineEntry.Children block={props.block} />} />\n            </a>\n        )\n        : (<RenderContents contents={props.children} fallback={<InlineEntry.Children block={props.block} />} />)\n    );\n}\n\nInlineEntry.Children = function (props: RenderBlockProps<InlineEntryBlock>) {\n    const entryTitle = props?.block?.value?.entryTitle || '';\n    return (<>{entryTitle}</>);\n};\n\nexport function Link(props: RenderBlockPropsWithChildren<LinkBlock>) {\n    const linkValue = props?.block?.properties?.link;\n    const attributes = getAttributes(props, {\n        href: linkValue?.sys?.uri,\n        target: props?.block?.properties?.newTab ? '_blank' : null,\n        rel: props?.block?.properties?.newTab ? 'noopener noreferrer' : null\n    });\n    return (!!attributes.href\n        ? (\n            <a {...attributes}>\n                <RenderContents contents={props.children} fallback={<Link.Children block={props.block} />} />\n            </a>\n        )\n        : (<RenderContents contents={props.children} fallback={<Link.Children block={props.block} />} />)\n    );\n}\n\nLink.Children = RenderBlockChildrenFactory<LinkBlock>();\n\nexport function List(props: RenderBlockPropsWithChildren<ListBlock>) {\n    const isOrdered = (props.block?.properties?.listType === 'ordered');\n    const attributes = getAttributes(props, {\n        start: isOrdered ? props.block?.properties?.start : null,\n    });\n    return (isOrdered\n        ? (\n            <ol {...attributes}>\n                <RenderContents contents={props.children} fallback={<List.Children block={props.block} />} />\n            </ol>\n        )\n        : (\n            <ul {...attributes}>\n                <RenderContents contents={props.children} fallback={<List.Children block={props.block} />} />\n            </ul>\n        )\n    );\n}\n\nList.Children = RenderBlockChildrenFactory<ListBlock>();\n\nexport function ListItem(props: RenderBlockPropsWithChildren<ListItemBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <li {...attributes}>\n            <RenderContents contents={props.children} fallback={<ListItem.Children block={props.block} />} />\n        </li>\n    );\n}\n\nListItem.Children = RenderBlockChildrenFactory<ListItemBlock>();\n\nexport function Panel(props: RenderBlockPropsWithChildren<PanelBlock>) {\n    const attributes = getAttributes(props, {\n        className: ['panel', props.block?.properties?.panelType || 'info'].join(' ')\n    });\n    return (\n        <aside {...attributes}>\n            <RenderContents contents={props.children} fallback={<Panel.Children block={props.block} />} />\n        </aside>\n    );\n}\n\nPanel.Children = RenderBlockChildrenFactory<PanelBlock>();\n\nexport function Paragraph(props: RenderBlockPropsWithChildren<ParagraphBlock>) {\n    const attributes = getAttributes(props, {\n        className: props.block?.properties?.paragraphType\n    });\n    return (\n        <p {...attributes}>\n            <RenderContents contents={props.children} fallback={<Paragraph.Children block={props.block} />} />\n        </p>\n    );\n}\n\nParagraph.Children = RenderBlockChildrenFactory<ParagraphBlock>();\n\n\nexport function Quote(props: RenderBlockPropsWithChildren<QuoteBlock>) {\n    const attributes = getAttributes(props, {\n        'cite': props.block?.properties?.url\n    });\n    return (\n        <blockquote {...attributes}>\n            <RenderContents contents={props.children} fallback={<Quote.Children block={props.block} />} />\n        </blockquote>\n    );\n}\n\nQuote.Children = function (props: RenderBlockProps<QuoteBlock>) {\n    const source = props.block?.properties?.source;\n    const citation = props.block?.properties?.citation;\n    const hasChildren = !!source || !!citation;\n    return (\n        hasChildren\n            ? (\n                <>\n                    <p>\n                        <RenderChildren block={props.block} />\n                    </p>\n                    <footer>{source} {!!citation ? (<cite>{citation}</cite>) : (<></>)}</footer>\n                </>\n            )\n            : (<RenderChildren block={props.block} />)\n    );\n    // return (<RenderChildren block={props.block} />);\n    // return (\n    //     <Show when={hasChildren()} fallback={<RenderChildren block={props.block} />}>\n    //         <p>\n    //             <RenderChildren block={props.block} />\n    //         </p>\n    //         <Show when={citation()} fallback={<footer>{source()}</footer>}>\n    //             <footer>{source()} <cite>{citation()}</cite></footer>\n    //         </Show>\n    //     </Show>\n    // );\n};\n\n\nexport function Table(props: RenderBlockPropsWithChildren<TableBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <table {...attributes}>\n            <RenderContents contents={props.children} fallback={<Table.Children block={props.block} />} />\n        </table>\n    );\n}\n\nTable.Children = RenderBlockChildrenFactory<TableBlock>();\n\nexport function TableBody(props: RenderBlockPropsWithChildren<TableBodyBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <tbody {...attributes}>\n            <RenderContents contents={props.children} fallback={<TableBody.Children block={props.block} />} />\n        </tbody>\n    );\n}\n\nTableBody.Children = RenderBlockChildrenFactory<TableBodyBlock>();\n\nexport function TableCaption(props: RenderBlockPropsWithChildren<TableCaptionBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <caption {...attributes}>\n            <RenderContents contents={props.children} fallback={<TableCaption.Children block={props.block} />} />\n        </caption>\n    );\n}\n\nTableCaption.Children = RenderBlockChildrenFactory<TableCaptionBlock>();\n\nexport function TableCell(props: RenderBlockPropsWithChildren<TableCellBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <td {...attributes}>\n            <RenderContents contents={props.children} fallback={<TableCell.Children block={props.block} />} />\n        </td>\n    );\n}\n\nTableCell.Children = RenderBlockChildrenFactory<TableCellBlock>();\n\nexport function TableFooter(props: RenderBlockPropsWithChildren<TableFooterBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <tfoot {...attributes}>\n            <RenderContents contents={props.children} fallback={<TableFooter.Children block={props.block} />} />\n        </tfoot>\n    );\n}\n\nTableFooter.Children = RenderBlockChildrenFactory<TableFooterBlock>();\n\nexport function TableHeader(props: RenderBlockPropsWithChildren<TableHeaderBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <thead {...attributes}>\n            <RenderContents contents={props.children} fallback={<TableHeader.Children block={props.block} />} />\n        </thead>\n    );\n}\n\nTableHeader.Children = RenderBlockChildrenFactory<TableHeaderBlock>();\n\nexport function TableHeaderCell(props: RenderBlockPropsWithChildren<TableHeaderCellBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <th {...attributes}>\n            <RenderContents contents={props.children} fallback={<TableHeaderCell.Children block={props.block} />} />\n        </th>\n    );\n}\n\nTableHeaderCell.Children = RenderBlockChildrenFactory<TableHeaderCellBlock>();\n\nexport function TableRow(props: RenderBlockPropsWithChildren<TableRowBlock>) {\n    const attributes = getAttributes(props);\n    return (\n        <tr {...attributes}>\n            <RenderContents contents={props.children} fallback={<TableRow.Children block={props.block} />} />\n        </tr>\n    );\n}\n\nTableRow.Children = RenderBlockChildrenFactory<TableRowBlock>();\n\n\nfunction Decorators(props: DecoratorProps) {\n    const decorators = useDecorators();\n    const remainingDecorators = !!props.decorators ? [...props.decorators] : undefined;\n    const firstDecorator = !!remainingDecorators ? remainingDecorators.shift() : undefined;\n    const DecoratorComponent = !!firstDecorator ? decorators[firstDecorator] : undefined;\n\n    const render = () => {\n        if (!!DecoratorComponent) {\n            return (<DecoratorComponent block={props.block} decorator={firstDecorator} otherDecorators={remainingDecorators} />);\n        } else if (firstDecorator) {\n            return (<Decorators block={props.block} decorators={remainingDecorators} />);\n        } else {\n            return (<Fragment.Children block={props.block} />);\n        }\n    };\n\n    return render();\n}\n\nfunction DecoratorChildren(props: RenderDecoratorPropsWithChildren) {\n    return (<Decorators block={props.block} decorators={props.otherDecorators} />)\n}\n\nexport function InlineCode(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <code {...attributes}>\n            <RenderContents contents={props.children} fallback={<InlineCode.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </code>\n    );\n}\n\nInlineCode.Children = DecoratorChildren;\n\nexport function Delete(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <del {...attributes}>\n            <RenderContents contents={props.children} fallback={<Delete.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </del>\n    );\n}\n\nDelete.Children = DecoratorChildren;\n\nexport function Emphasis(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <em {...attributes}>\n            <RenderContents contents={props.children} fallback={<Emphasis.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </em>\n    );\n}\n\nEmphasis.Children = DecoratorChildren;\n\nexport function Insert(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <ins {...attributes}>\n            <RenderContents contents={props.children} fallback={<Insert.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </ins>\n    );\n}\n\nInsert.Children = DecoratorChildren;\n\nexport function Keyboard(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <kbd {...attributes}>\n            <RenderContents contents={props.children} fallback={<Keyboard.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </kbd>\n    );\n}\n\nKeyboard.Children = DecoratorChildren;\n\nexport function LineBreak(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (<br {...attributes} />);\n}\n\nLineBreak.Children = function (props: RenderDecoratorPropsWithChildren) {\n    return (<></>)\n}\n\nexport function Mark(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <mark {...attributes}>\n            <RenderContents contents={props.children} fallback={<Mark.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </mark>\n    );\n}\n\nMark.Children = DecoratorChildren;\n\nexport function Strong(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <strong {...attributes}>\n            <RenderContents contents={props.children} fallback={<Strong.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </strong>\n    );\n}\n\nStrong.Children = DecoratorChildren;\n\nexport function Strikethrough(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <s {...attributes}>\n            <RenderContents contents={props.children} fallback={<Strikethrough.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </s>\n    );\n}\n\nStrikethrough.Children = DecoratorChildren;\n\nexport function Subscript(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <sub {...attributes}>\n            <RenderContents contents={props.children} fallback={<Subscript.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </sub>\n    );\n}\n\nSubscript.Children = DecoratorChildren;\n\nexport function Superscript(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <sup {...attributes}>\n            <RenderContents contents={props.children} fallback={<Superscript.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </sup>\n    );\n}\n\nSuperscript.Children = DecoratorChildren;\n\nexport function Underline(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <u {...attributes}>\n            <RenderContents contents={props.children} fallback={<Underline.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </u>\n    );\n}\n\nUnderline.Children = DecoratorChildren;\n\nexport function Variable(props: RenderDecoratorPropsWithChildren) {\n    const attributes = getAttributes(props);\n    return (\n        <var {...attributes}>\n            <RenderContents contents={props.children} fallback={<Variable.Children block={props.block} decorator={props.decorator} otherDecorators={props.otherDecorators} />} />\n        </var>\n    );\n}\n\nVariable.Children = DecoratorChildren;\n\n\nconst BLOCK_RENDERERS: BlockRenderers = {\n    '_anchor': Anchor,\n    '_code': CodeWithCaption,\n    '_component': Component,\n    '_divider': Divider,\n    '_fragment': Fragment,\n    '_heading': Heading,\n    '_image': ImageWithCaption,\n    '_inlineEntry': InlineEntry,\n    '_link': Link,\n    '_list': List,\n    '_listItem': ListItem,\n    '_panel': Panel,\n    '_paragraph': Paragraph,\n    '_quote': Quote,\n    '_table': Table,\n    '_tableBody': TableBody,\n    '_tableCaption': TableCaption,\n    '_tableCell': TableCell,\n    '_tableFooter': TableFooter,\n    '_tableHeader': TableHeader,\n    '_tableHeaderCell': TableHeaderCell,\n    '_tableRow': TableRow,\n};\n\nconst DECORATOR_RENDERERS: DecoratorRenderers = {\n    'code': InlineCode,\n    'delete': Delete,\n    'emphasis': Emphasis,\n    'insert': Insert,\n    'keyboard': Keyboard,\n    'linebreak': LineBreak,\n    'mark': Mark,\n    'strikethrough': Strikethrough,\n    'strong': Strong,\n    'subscript': Subscript,\n    'superscript': Superscript,\n    'underline': Underline,\n    'variable': Variable\n};"],"mappings":"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","names":["Component"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contensis/canvas-react",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Render canvas content with React",
   "keywords": [
     "contensis",
@@ -20,7 +20,7 @@
   },
   "license": "ISC",
   "main": "dist/canvas-react.js",
-  "module": "dist/canvas-react.mjs",
+  "module": "dist/esm/canvas-react.js",
   "types": "dist/canvas-react.d.ts",
   "files": [
     "dist"
@@ -43,7 +43,7 @@
   "exports": {
     ".": {
       "require": "./dist/canvas-react.js",
-      "import": "./dist/canvas-react.mjs",
+      "import": "./dist/esm/canvas-react.js",
       "types": "./dist/canvas-react.d.ts"
     }
   }