@vonaffenfels/contentful-slate-editor 1.0.15 → 1.0.19

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/contentful-slate-editor",
-    "version": "1.0.15",
+    "version": "1.0.19",
     "scripts": {
         "prepublish": "yarn run build",
         "dev": "yarn run start",
@@ -89,10 +89,10 @@
         "webpack-dev-server": "^4.0.0-beta.2"
     },
     "dependencies": {
-        "@vonaffenfels/slate-editor": "^1.0.15",
+        "@vonaffenfels/slate-editor": "^1.0.19",
         "webpack": "5.73.0"
     },
-    "gitHead": "47f4facbe8b8f024950c5d29e230d6b22fe51434",
+    "gitHead": "c07e5c97a79341c38e8439ac3e160a02b802db2f",
     "publishConfig": {
         "access": "public"
     }

package/src/components/Dialog.js

@@ -8,7 +8,10 @@ import BlockEditor from "@vonaffenfels/slate-editor/dist/BlockEditor";
 // eslint-disable-next-line import/no-unresolved
 import storybookStories from "storybookStories";
 
-const Dialog = ({sdk, elementPropsMap}) => {
+const Dialog = ({
+    sdk,
+    elementPropsMap,
+}) => {
     const defaultValue = [
         {
             type: "paragraph",
@@ -37,22 +40,20 @@ const Dialog = ({sdk, elementPropsMap}) => {
             return <DialogCloudinary sdk={sdk} config={sdk.parameters.invocation}/>;
         default:
             return <div className="relative flex h-full max-h-full justify-between">
-                <div className="grow">
-                    <BlockEditor
-                        storybookStories={loadedStorybookStories}
-                        onChange={setValue}
-                        elementPropsMap={elementPropsMap}
-                        value={value}
-                        storybookComponentLoader={(block) => {
-                            return componentLoader(block);
-                        }}
-                        storybookComponentDataLoader={async (block, attributes) => {
-                            return {};
-                        }}
-                        contentfulSdk={sdk}
-                        onSaveClick={saveChanges}
-                    />
-                </div>
+                <BlockEditor
+                    storybookStories={loadedStorybookStories}
+                    onChange={setValue}
+                    elementPropsMap={elementPropsMap}
+                    value={value}
+                    storybookComponentLoader={(block) => {
+                        return componentLoader(block);
+                    }}
+                    storybookComponentDataLoader={async (block, attributes) => {
+                        return {};
+                    }}
+                    contentfulSdk={sdk}
+                    onSaveClick={saveChanges}
+                />
             </div>;
     }
 };

package/src/index.js

@@ -18,14 +18,14 @@ import Dialog from "./components/Dialog";
 export const BaseContentfulApp = (props) => {
     init((sdk) => {
         const rootContainer = document.getElementById('root');
-        const RendererWrapperComponent = props.RendererWrapperComponent || (({children}) => <div>{children}</div>);
+        const RendererWrapperComponent = props?.RendererWrapperComponent || (({children}) => <div className="h-full">{children}</div>);
         const wrapperProps = {
             sdk,
             value: sdk.parameters?.invocation?.value || sdk?.field?.getValue(),
             portal: sdk.parameters?.invocation?.portal || sdk?.entry?.fields?.portal.getValue(),
             contentType: sdk.parameters?.invocation?.contentType || sdk?.entry?.getSys()?.contentType?.sys?.id,
         };
-        const elementPropsMap = props.getElementPropsMap?.(wrapperProps.contentType) || props.elementPropsMap;
+        const elementPropsMap = props?.getElementPropsMap?.(wrapperProps.contentType) || props?.elementPropsMap;
 
         const ComponentLocationSettings = [
             {
@@ -34,7 +34,7 @@ export const BaseContentfulApp = (props) => {
             },
             {
                 location: locations.LOCATION_ENTRY_FIELD,
-                component: <RendererWrapperComponent  {...wrapperProps}><Field sdk={sdk} elementPropsMap={elementPropsMap}/></RendererWrapperComponent>,
+                component: <RendererWrapperComponent {...wrapperProps}><Field sdk={sdk} elementPropsMap={elementPropsMap}/></RendererWrapperComponent>,
             },
             {
                 location: locations.LOCATION_ENTRY_EDITOR,
@@ -49,7 +49,7 @@ export const BaseContentfulApp = (props) => {
             },
             {
                 location: locations.LOCATION_DIALOG,
-                component: <RendererWrapperComponent  {...wrapperProps} ><Dialog sdk={sdk}  elementPropsMap={elementPropsMap}/></RendererWrapperComponent>,
+                component: <RendererWrapperComponent {...wrapperProps} ><Dialog sdk={sdk} elementPropsMap={elementPropsMap}/></RendererWrapperComponent>,
             },
         ];