@vonaffenfels/contentful-teasermanager 1.0.4 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/contentful-teasermanager",
-    "version": "1.0.4",
+    "version": "1.0.5",
     "scripts": {
         "prepublish": "yarn run build",
         "dev": "yarn run start",
@@ -96,9 +96,10 @@
         "webpack-dev-server": "^4.0.0-beta.2"
     },
     "dependencies": {
+        "@vonaffenfels/slate-editor": "^1.0.5",
         "webpack": "5.73.0"
     },
-    "gitHead": "ba6d3fea2cca04a822de7e3d7dff5949e62a9d46",
+    "gitHead": "718a65757ab690aa3e2df05274a9c401ce466b6e",
     "publishConfig": {
         "access": "public"
     }

package/src/components/Contentful/ConfigScreen.js

@@ -62,7 +62,13 @@ export default class Config extends Component {
                 backgroundColor: "#FFF",
             })}>
                 <Form>
-                    <Heading>No Configuration necessary</Heading>
+                    <Heading>Configuration</Heading>
+                    <TextField
+                        value={this.state.parameters.contentField}
+                        onChange={e => this.onFieldChanged(e.target.value, "contentField")}
+                        labelText="Content Field Name"
+                        required
+                    />
                 </Form>
             </Workbench>
         );

package/src/dev.js

@@ -1,3 +1,5 @@
+import '@vonaffenfels/slate-editor/dist/index.css';
+import './scss/index.scss';
 import './scss/dev.scss';
 import {BaseContentfulApp} from "./index"
 

package/src/index.js

@@ -8,8 +8,6 @@ import {
 import '@contentful/forma-36-react-components/dist/styles.css';
 import '@contentful/forma-36-fcss/dist/styles.css';
 import '@contentful/forma-36-tokens/dist/css/index.css';
-import '@vonaffenfels/slate-editor/dist/index.css';
-import './scss/index.scss';
 
 import EntryEditor from './components/Contentful/EntryEditor';
 import Config from './components/Contentful/ConfigScreen';
@@ -17,12 +15,14 @@ import Dialog from "./components/Contentful/Dialog";
 import Page from "./components/Contentful/Page";
 import {initContentfulClient} from "./lib/contentfulClient";
 
-export const BaseContentfulApp = () => {
+export const BaseContentfulApp = (props) => {
     init((sdk) => {
         const rootContainer = document.getElementById('root');
 
         initContentfulClient(sdk);
 
+        const RendererWrapperComponent =  props.RendererWrapperComponent || (({children}) => <div>{children}</div>);
+
         const ComponentLocationSettings = [
             {
                 location: locations.LOCATION_APP_CONFIG,
@@ -30,7 +30,7 @@ export const BaseContentfulApp = () => {
             },
             {
                 location: locations.LOCATION_ENTRY_EDITOR,
-                component: <EntryEditor sdk={sdk}/>,
+                component: <RendererWrapperComponent sdk={sdk}><EntryEditor sdk={sdk}/></RendererWrapperComponent>,
             },
             {
                 location: locations.LOCATION_DIALOG,
@@ -38,7 +38,7 @@ export const BaseContentfulApp = () => {
             },
             {
                 location: locations.LOCATION_PAGE,
-                component: <Page sdk={sdk}/>,
+                component: <RendererWrapperComponent sdk={sdk}><Page sdk={sdk}/></RendererWrapperComponent>,
             },
         ];