@vonaffenfels/slate-editor 1.0.53 → 1.0.55

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/slate-editor",
-    "version": "1.0.53",
+    "version": "1.0.55",
     "description": "",
     "main": "dist/index.js",
     "scripts": {
@@ -71,7 +71,7 @@
         "cssnano": "^5.0.1",
         "escape-html": "^1.0.3"
     },
-    "gitHead": "2dc913432ea48a4eaf107ff9c5f15b572eeda4d6",
+    "gitHead": "b5aaf96b81e9d38533cc632505e6c78553e55e22",
     "publishConfig": {
         "access": "public"
     }

package/src/Nodes/Element.js

@@ -37,7 +37,6 @@ export const Element = ({
     switch (props.element.type) {
         case 'storybook':
             return <div
-                className="inline"
                 onClick={e => e.stopPropagation()}>
                 <StorybookNode
                     {...props}

package/src/SidebarEditor/SidebarEditorField.js

@@ -1,5 +1,6 @@
 import {IconButton} from "../SidebarEditor";
 import {swapArrayElements} from "../helper/array";
+import {reduceContentfulResponse} from "../util/reduceContentfulResponse";
 import {
     Asset, AssetList,
 } from "./AssetList";
@@ -248,7 +249,7 @@ export const SidebarEditorField = ({
                             className="button"
                             onClick={() => {
                                 sdk.dialogs.selectSingleEntry({contentTypes: field.control.contentTypes}).then(content => {
-                                    onChange(fieldKey, content);
+                                    onChange(fieldKey, reduceContentfulResponse(content, field.control.paths));
                                 });
                             }}
                         >Auswählen</button>
@@ -267,7 +268,7 @@ export const SidebarEditorField = ({
                                         onChange={v => onChange(fieldKey, v)}
                                         onAddClick={() => {
                                             sdk.dialogs.selectMultipleEntries({contentTypes: field.control.contentTypes}).then(contents => {
-                                                onChange(fieldKey, [...value, ...contents]);
+                                                onChange(fieldKey, reduceContentfulResponse([...value, ...contents], field.control.paths));
                                             });
                                         }} />
                                 </div>
@@ -277,7 +278,7 @@ export const SidebarEditorField = ({
                             className="button"
                             onClick={() => {
                                 sdk.dialogs.selectMultipleEntries({contentTypes: field.control.contentTypes}).then(contents => {
-                                    onChange(fieldKey, contents);
+                                    onChange(fieldKey, reduceContentfulResponse(contents, field.control.paths));
                                 });
                             }}
                         >Auswählen</button>

package/src/util/reduceContentfulResponse.js

@@ -0,0 +1,65 @@
+export const reduceContentfulResponse = (item, paths) => {
+
+    if (Array.isArray(item)) {
+        return item.map(v => reduceContentfulResponse(v, paths));
+    }
+
+    if (!paths?.length || !item) {
+        return item;
+    }
+
+    const defaultPaths = [
+        "__typename",
+        "sys.id",
+        "sys.contentType.sys.id",
+    ];
+    const mergedPaths = [...defaultPaths, ...paths];
+
+    const result = {
+        sys: {
+            id: item?.sys?.id,
+        },
+    };
+
+    for (let i = 0; i < mergedPaths.length; i++) {
+        const path = mergedPaths[i];
+
+        setByPath(result, path, getByPath(item, path));
+    }
+
+    return result;
+};
+
+export const getByPath = (obj, path) => {
+    if (!obj || !path) {
+        return;
+    }
+
+    const pathParts = path.split(".");
+
+    if (pathParts.length === 1) {
+        return obj?.[pathParts[0]];
+    } else {
+        const currPart = pathParts.shift();
+        return getByPath(obj?.[currPart], pathParts.join("."));
+    }
+};
+
+export const setByPath = (obj, path, value) => {
+    const pathParts = path.split(".");
+    let objPointer = obj;
+
+    for (let i = 0; i < pathParts.length; i++) {
+        const pathPart = pathParts[i];
+
+        if (i === pathParts.length - 1) {
+            objPointer[pathPart] = value;
+        } else if (objPointer[pathPart] === undefined) {
+            objPointer[pathPart] = {};
+        }
+
+        objPointer = objPointer[pathPart];
+    }
+
+    return obj;
+};