Merge pull request #681 from idyll-lang/inline-author-view

support custom inline component wrapper
idyll-lang · Jan 22, 2021 · ddd3ba4 · ddd3ba4
2 parents 6d66c9e + d17e8c3
commit ddd3ba4
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/packages/idyll-document/src/runtime.js b/packages/idyll-document/src/runtime.js
@@ -70,7 +70,13 @@ const getRefs = () => {
 };
 
 let wrapperKey = 0;
-const createWrapper = ({ theme, layout, authorView, userViewComponent }) => {
+const createWrapper = ({
+  theme,
+  layout,
+  authorView,
+  userViewComponent,
+  userInlineViewComponent
+}) => {
   return class Wrapper extends React.PureComponent {
     constructor(props) {
       super(props);
@@ -218,6 +224,16 @@ const createWrapper = ({ theme, layout, authorView, userViewComponent }) => {
               uniqueKey={uniqueKey}
             />
           );
+        } else if (meta.displayType === 'inline') {
+          const InlineViewComponent = userInlineViewComponent || AuthorTool;
+          return (
+            <InlineViewComponent
+              idyllASTNode={this.props.idyllASTNode}
+              component={returnComponent}
+              authorComponent={childComponent}
+              uniqueKey={uniqueKey}
+            />
+          );
         }
       }
       return returnComponent;
@@ -244,7 +260,8 @@ class IdyllRuntime extends React.PureComponent {
       theme: props.theme,
       layout: props.layout,
       authorView: props.authorView,
-      userViewComponent: props.userViewComponent
+      userViewComponent: props.userViewComponent,
+      userInlineViewComponent: props.userInlineViewComponent
     });
 
     let hasInitialized = false;