@vonaffenfels/slate-editor 1.0.19 → 1.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/slate-editor",
-    "version": "1.0.19",
+    "version": "1.0.21",
     "description": "",
     "main": "dist/index.js",
     "scripts": {
@@ -71,7 +71,7 @@
         "cssnano": "^5.0.1",
         "escape-html": "^1.0.3"
     },
-    "gitHead": "c07e5c97a79341c38e8439ac3e160a02b802db2f",
+    "gitHead": "f6bc2eb71e3132eeceb3b175e37360d419979c2d",
     "publishConfig": {
         "access": "public"
     }

package/src/SidebarEditor/SidebarEditorField.js

@@ -35,7 +35,34 @@ export const SidebarEditorField = ({
         onChange(fieldKey, swapArrayElements(value, index, newIndex));
     };
 
+    const renderFieldSelectOptions = field => {
+        if (!field?.control?.options) {
+            return;
+        }
+
+        if (Array.isArray(field.control.options)) {
+            return field.control.options.map(value => (
+                <option key={`select-option-${value}`} value={value}>{value}</option>
+            ));
+        } else {
+            return Object.keys(field.control.options).map(key => (
+                <option key={`select-option-${key}`} value={field.control.options[key]}>{key}</option>
+            ));
+        }
+    };
+
     const getInputByField = (field, fieldKey) => {
+        if (field?.control?.type === undefined) {
+            if (field?.options) {
+                field.control = {
+                    type: "select",
+                    options: field.options,
+                };
+            } else {
+                field.control = {type: "text"};
+            }
+        }
+
         switch (field?.control?.type) {
             case "text":
                 return <input
@@ -57,8 +84,17 @@ export const SidebarEditorField = ({
                         value={value || ""}
                         onChange={e => onChange(fieldKey, e.target.value)}>
                         <option value="">Auswählen</option>
-                        {Object.keys(field.control.options).map(key => (
-                            <option key={`select-option-${key}`} value={field.control.options[key]}>{key}</option>
+                        {renderFieldSelectOptions(field)}
+                    </select>
+                );
+            case "data-stream":
+                return (
+                    <select
+                        value={value || ""}
+                        onChange={e => onChange(fieldKey, e.target.value)}>
+                        <option value="">Auswählen</option>
+                        {field.control.streams.map(stream => (
+                            <option key={`select-option-${stream.value}`} value={stream.value}>{stream.label}</option>
                         ))}
                     </select>
                 );

package/src/SidebarEditor.js

@@ -359,11 +359,11 @@ const BlockSelect = ({
             return onChange({}); // reset to empty
         }
 
-        // reset to the first story
+        // reset to the first or second story
         onChange({
             ...active,
             block: story.id,
-            attributes: {...(story?.stories?.[0]?.args || {})},
+            attributes: {...(story?.stories?.[0]?.args || story?.stories?.[1]?.args || {})},
         });
     };
 
@@ -371,6 +371,10 @@ const BlockSelect = ({
         const result = {};
 
         array.forEach(item => {
+            if (!item.id) {
+                return;
+            }
+
             const parts = item.title.split('/');
             let currentLevel = result;
 

package/src/dev/testComponents/TestStory.stories.js

@@ -14,6 +14,18 @@ export default {
             name: "Text",
             control: {type: "text"},
         },
+        stream: {
+            name: "Logik",
+            control: {
+                type: 'data-stream',
+                streams: [
+                    {
+                        value: "contentById",
+                        label: "Ausgewählten Inhalt laden",
+                    },
+                ],
+            },
+        },
         boolean: {
             name: "Boolean",
             control: {type: "boolean"},
@@ -186,6 +198,13 @@ export default {
             control: {type: "text"},
             table: {category: "Kategorie 2"},
         },
+        linkTarget: {
+            name: "Link target (Verhalten beim Klick)",
+            options: [
+                undefined,
+                "_blank",
+            ],
+        },
     },
 };
 

package/src/dev/testComponents/TestStory3.stories.js

@@ -1,8 +1,8 @@
 import TestStory3 from "./TestStory3";
 
 export default {
-    title: "Elemente/Test 2/Test Story 3",
-    id: "TestStory3",
+    title: "Design-System/Atoms/Ad Tags/Test Story 3",
+    // id: "TestStory3",
     component: TestStory3,
     storyContext: ["layout"],
     argTypes: {